你看看是不是你alert的时候,img还没有加载呢,把script写在整个文档的最后面,确认都img标签都被加载之后,再操作js或者写在onload事件之内。
window.onload = function(){
var a = document.images.length;
alert(a);
}
window.onload = function(){
var a = document.images.length;
alert(a);
}
解决方案 »
- JS问题
- 购物网站 创新设计【主要是首页这块】
- 纯JS代码实现jquery中html()方法函数
- new Date 的问题
- e.target.type="button"是什么意思?
- 严重请教一类关于层处理的问题
- 求飞入飞出购物车特效
- js可以做客户端验证吗?
- img刷新的问题
- 学习Extjs权威指南5.6实例:股票数据实时更新一节时,发现在文件目录里运行源代码浏览器中可以下载新浪网的股票信息图片文件,但加入到tomcat服务器却不行!
- 将多个帧图通过document.setInterval()方法实现类似gif的动态图显示 刚刚学习js
- 关于bxSlider图片轮播插件如果调整轮播图片大小的问题?
但是加载一个图片可以用img src="xxx.xxx"
但是如果一次性需要加载几十个甚至上百个图片时候怎么办呢?但是只显示第一张图片
比方说将一个.gif拆分成上百个帧图 然后通过setInterval(way,xxx);定时调用每个图片
对了 试了几次 终于找到了 还这是img没有加载的原因。
但是加载一个图片可以用img src="xxx.xxx"
但是如果一次性需要加载几十个甚至上百个图片时候怎么办呢?但是只显示第一张图片
比方说将一个.gif拆分成上百个帧图 然后通过setInterval(way,xxx);定时调用每个图片
我用了以下的方法类似时钟,循环显示0-149的图片,alert(document.images.length)的时候还是1,
是不是我需要在前面var img=new Image();的时候要实例化所有的图片?
比如:
img0.src="0.jpg";
img1.src="1.jpg";
img2.src="2.jpg";
img3.src="3.jpg";
...
img149.src="149.jpg";
这样在最后的document.images.length的时候才会是150?
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body onload="start()">
<img src="" name="im"/>
<script>
var imgsrc;
var i = 0, gw = 0, sw = 0, bw = 0;
function start() {
window.setInterval(a, 100);
}
function a() {
imgsrc = "IMG00" + bw + "" + sw + "" + gw + ".bmp";
gw++;
if (gw >= 9) {
gw = 0;
sw++;
if (sw >= 9) {
sw = 0;
bw++;
}
}
if(bw+""+ sw+""+gw =="150"){
gw = 0, sw = 0, bw = 0;
}
document.images.im.src = imgsrc;
}
</script>
</body>
</html>
你上面的这样的写法,是不能改变吗?
那你检查一下是不是有其他的语法错误的。
这么说如果要用document.images这个方法
就要在body中添加多个img元素 然后默认属性定义为隐藏 然后再js中分别调用显示方法么