评论:轮播切换图片  [查看原文]

所属分类:媒体-滑块和旋转

 38330  498  16
当前第1页 / 共1页
    ricefoto0
    2019/4/4 15:06:40
    一个页面能复用吗?
    回复
    黑白熊0
    2018/1/4 14:49:56
    0
    2017/6/13 14:47:04

    开启懒人模式下完,发现代码写法有些蛋疼- -  稍微修改了下,希望帮到大家(根据项目需求做了些变动)

        var _index=1;
        var length = $(".flashBg ul.mobile li").length;
        var htmlContent = $("ul.mobile").html();
        $(document).on("click",".mobile li",function(){
            var index = $(this).index();
            if(index > _index){
                _index++;
                var len=$(".flashBg ul.mobile li").length;
                if(_index+length-1>len){
                    $("#four_flash .flashBg ul.mobile").stop().append(htmlContent);
                }
                $("#four_flash .flashBg ul.mobile").stop().animate({left:-(_index-1)*387},1000);
            }else if(index < _index){
                if(_index==1){
                    _index = length;
                    $("#four_flash .flashBg ul.mobile").css({left:-(_index)*387});
                    $("#four_flash .flashBg ul.mobile").stop().animate({left:-(_index-1)*387},1000);
                    $("ul.mobile").prepend(htmlContent);
                    $(".flashBg ul.mobile li").eq(_index).addClass("current").siblings().removeClass("current");
                    return;
                }
                _index--;
                $("#four_flash .flashBg ul.mobile").stop().animate({left:-(_index-1)*387},1000);   
            }
            $(".flashBg ul.mobile li").eq(_index).addClass("current").siblings().removeClass("current");
        });
        ricefoto0
        2019/4/4 15:51:46
        你改的直接替换掉楼主的,就不好使,还需要动别的地方?
    回复
    Smile World0
    2017/3/22 14:55:25

    有BUG哦。一个方向一直点,就会出现。。。

    回复
    朱晔0
    2017/3/13 19:27:48
    萌萌是个小可爱0
    2016/12/9 14:12:25
    这个东西真心不行。真的,点多了不光卡,还会出现点到没有的情况,能不能加个好友帮我解决一下!!!QQ:892753766 回复
    我是笨蛋。0
    2016/10/23 17:10:21
    multiplefruit0
    2016/6/22 14:06:30
    轻哼随了风雪0
    2016/4/21 22:04:06
    不错,正好用到 回复
    多维-杨斌0
    2016/2/22 14:02:01
    不错不错不错~!!! 回复
    hi,0
    2015/12/23 21:12:14

    很好的轮播效果 是我想要的

    回复
    I_ove_Ana0
    2015/11/6 14:11:44

    要是有自动滚动的效果就完美了

     

    回复
    I_ove_Ana0
    2015/11/6 14:11:12

    好想不能自动播放的样子

    回复
    JackZong0
    2015/10/26 16:10:58

    一直再找这个效果,看了代码感觉写得真不错,谢谢作者。

    回复
    铖媒体0
    2015/10/14 10:10:57

    这个真的很不错,,希望能跟你学习学习!

    回复

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复