//轮播图
                var ad_pic = $(".ad_pic");
                var div = ad_pic.find("div");
                var oneWidth = div.eq(0).width();
                var number = $('.ad_pic_pagination').find("span");  
                var timer = null;
                var sw = 0;     
                number.on("click",function (){
                    $(this).addClass("slider-pagination-item-active").siblings("span").removeClass("slider-pagination-item-active");
                    sw=$(this).index();
                    ad_pic.animate({
                        "right":oneWidth*sw,    //标签的动画为向左移动;
                    });
                }); 
                timer = setInterval(function (){
                    sw++;
                    if(sw==number.length){sw=0};
                    number.eq(sw).trigger("click");
                },5000);
                //手指滑动,图片滑动
                $(".ad_pic").on('touchstart', function(e) {
                    var touch = e.originalEvent,
                        startX = touch.changedTouches[0].pageX;
                    $(".ad_pic").on('touchmove', function(e) {
                        e.preventDefault();
                        touch = e.originalEvent.touches[0] ||
                            e.originalEvent.changedTouches[0];
                        if (touch.pageX - startX > 100) {
                            var i = 0;//当前图片的index
                            $('.ad_pic_pagination').find("span").each(function(){
                                if($(this).hasClass('slider-pagination-item-active')){
                                    i = $(this).index();
                                }
                            });
                            var k = 0;
                            if(i==number.length-1){
                                k = 0;
                            }else{
                                k = i + 1;
                            }
                            $(".ad_pic").off('touchmove');
                            number.eq(k).trigger("click");
                        } else if (touch.pageX - startX < -100) {
                            var i = 0;//当前图片的index
                            $('.ad_pic_pagination').find("span").each(function(){
                                if($(this).hasClass('slider-pagination-item-active')){
                                    i = $(this).index();
                                }
                            });
                            var k = 0;
                            if(i == 0){
                                k = number.length-1;
                            }else{
                                k = i - 1;
                            }
                            $(".ad_pic").off('touchmove');
                            number.eq(k).trigger("click");
                        };
                    });
                });

 

posted on 2018-12-07 11:48  躺枪  阅读(64)  评论(0编辑  收藏  举报