问答详情
源自:2-2 实例1图片相册之不使用预加载

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

jquery版本不一样有影响吗?

提问者:武瑞祥 2017-06-11 17:12

个回答

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

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

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