$(document).ready(function() { var banner = new Swiper('.banner', { autoplay: { delay: 5000, //5秒切换一次 disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, speed: 600, loop: true, }) // swiper初始化 var news_obj = $(".news .swiper-wrapper") var news_slide = news_obj.children() var news_active = 1 if (news_slide.length == 1) { news_obj.prepend(news_slide.eq(0).clone()) news_obj.append(news_slide.eq(0).clone()) news_obj.append(news_slide.eq(0).clone()) news_obj.append(news_slide.eq(0).clone()) } else if (news_slide.length == 2) { news_obj.prepend(news_slide.eq(1).clone()) news_obj.append(news_slide.eq(0).clone()) news_obj.append(news_slide.eq(1).clone()) news_obj.append(news_slide.eq(0).clone()) } else { news_obj.prepend(news_slide.eq(news_slide.length - 1).clone()) news_obj.append(news_slide.eq(0).clone()) news_obj.append(news_slide.eq(1).clone()) news_obj.append(news_slide.eq(2).clone()) } news_slide = $(".news .swiper-wrapper").children() news_slide.eq(1).animate({ 'width': '50%', 'padding-top': '29%' }, 0) TweenMax.to($(".news .swiper-wrapper"), 0, { x: -news_active * 25 + '%', }) var news_text_set = { autoplay: { delay: 5000, //5秒切换一次 disableOnInteraction: false, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, speed: 600, loop: true, on: { autoplay: function() { // 文字自动播放时 图片也要播 // news.slideNext() }, slideNextTransitionStart: function() { TweenMax.to($(".news .swiper-wrapper"), .6, { x: -news_active * 25 + '%', }) news_slide.eq(news_active - 1).animate({ 'width': '25%', 'padding-top': '13%' }) news_slide.eq(news_active).animate({ 'width': '50%', 'padding-top': '29%' }) news_active++ }, slideNextTransitionEnd: function() { if (news_active + 2 == news_slide.length) { news_slide.eq(news_active - 1).animate({ 'width': '25%', 'padding-top': '13%' }, 0) news_active = 1 news_slide.eq(news_active).animate({ 'width': '50%', 'padding-top': '29%' }, 0) TweenMax.to($(".news .swiper-wrapper"), 0, { x: -news_active * 25 + '%', }) news_active++ } }, slidePrevTransitionStart: function() { news_slide.eq(news_active - 1).animate({ 'width': '25%', 'padding-top': '13%' }) news_active -= 2 news_slide.eq(news_active).animate({ 'width': '50%', 'padding-top': '29%' }) TweenMax.to($(".news .swiper-wrapper"), .6, { x: -news_active * 25 + '%', }) news_active++ }, slidePrevTransitionEnd: function() { if (news_active == 1) { news_slide.eq(news_active - 1).animate({ 'width': '25%', 'padding-top': '13%' }, 0) console.log(news_slide.length) news_active = news_slide.length - 4 news_slide.eq(news_active).animate({ 'width': '50%', 'padding-top': '29%' }, 0) TweenMax.to($(".news .swiper-wrapper"), 0, { x: -news_active * 25 + '%', }) news_active++ } } }, } var news_text = new Swiper('.news-text', news_text_set) var hdzl = new Swiper('.hdzl-swiper', { autoplay: { delay: 5000, //5秒切换一次 disableOnInteraction: false, }, speed: 600, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) })