轮播切换图片

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

 38329  498  查看评论 (16)
分享到微信朋友圈
X
轮播切换图片 ie兼容8
相关插件-滑块和旋转

jQuery轮播图点击放大

jQuery轮播图点击放大,即可点击轮播又可点击图片放大图片
  滑块和旋转
 50133  374

jQuery鱼骨图

jQuery鱼骨图插件fishBone.js,横向滑块轮播
  滑块和旋转
 38650  380

jQuery 3d旋转木马

使用TweenMax创造3d旋转木马,它在Chrome或Safari效果最好,然后FF.
  滑块和旋转
 55435  449

轮播切换图片

随箭头点击,四张图片动态移动
  滑块和旋转
 38330  498

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

    ricefoto 0
    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 World 0
    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
    multiplefruit 0
    2016/6/22 14:06:30
    轻哼随了风雪 0
    2016/4/21 22:04:06
    不错,正好用到 回复
    多维-杨斌 0
    2016/2/22 14:02:01
    不错不错不错~!!! 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复