一样的代码没反应就是jquery版本不一样

来源:2-2 实例1图片相册之不使用预加载

武瑞祥

2017-06-11 17:12

jquery版本不一样有影响吗?

写回答 关注

4回答

  • 鄢栋
    2017-06-12 15:21:57
    已采纳

    没有影响,应该你代码哪里写错了。

    武瑞祥

    非常感谢!帮忙看下代码

    2017-06-13 23:32:07

    共 3 条回复 >

  • 鄢栋
    2017-06-13 23:49:37

    如果你要的是图片预加载的那个效果,你的图片预加载的代码没写,没有触发load事件。不知道你想要什么效果。

  • 武瑞祥
    2017-06-13 19:40:02

    <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>

  • 武瑞祥
    2017-06-13 19:36:31

     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]);//将图片显示出来
            });

    血小贱

    var index = 0,//当前是第几张图片 var len = imgs.length;//图片数组的长度 这里错了 0后面用的 , 号 下面 len 前不用加var了

    2017-09-20 10:56:55

    共 2 条回复 >

图片预加载

预知发生的行为,提前加载需要的图片,获得更好的用户体验

40980 学习 · 81 问题

查看课程

相似问题