武瑞祥
2017-06-11 17:12
jquery版本不一样有影响吗?
没有影响,应该你代码哪里写错了。
如果你要的是图片预加载的那个效果,你的图片预加载的代码没写,没有触发load事件。不知道你想要什么效果。
<div class="box">
<img src="http://img2.3lian.com/2014/c7/12/d/77.jpg" alt="pic" id="img" />
<p>
<a href="javascript:;" class="bth" data-control="prev">上一页</a>
<a href="javascript:;" class="bth" data-control="next">下一页</a>
</p>
</div>
<script type="text/javascript" src="__PUBLIC__/home/js/jquery.1.4.2-min.js" ></script>
var imgs=[
'http://img2.3lian.com/2014/c7/12/d/77.jpg',
'http://img04.tooopen.com/images/20130805/tooopen_10473021.jpg',
'http://img1.3lian.com/2015/w7/98/d/22.jpg',
'http://img1.3lian.com/2015/w7/90/d/1.jpg',
'http://5.26923.com/download/pic/000/288/ed06bdc51d6a83df5919dcea5d261707.jpg'
];
var index = 0,//当前是第几张图片
var len = imgs.length;//图片数组的长度
$('.bth').on('click', function(){//选择按钮 点击事件
if ('prev' === $(this).data('control')){//上一张 this表示按下按钮通过data方法获取control。
index = math.max(0,--index);
}else{//下一张
index =math.min(len -1,++index);
}
document.title =(index + 1) + '/' +len;//显示第几张到title上面
$("#img").attr('src',imgs[index]);//将图片显示出来
});
图片预加载
40980 学习 · 81 问题
相似问题