$(function(){ /*banner图片切换*/ var swiper1 = new swiper('.mbanner .swiper-container', { centeredslides: true, autoplay: { delay: 3000, disableoninteraction: false, }, navigation: { nextel: '.mbanner .swiper-button-next', prevel: '.mbanner .swiper-button-prev', }, }); /*新闻图片切换*/ var swiper2 = new swiper('.post1 .swiper-container', { spacebetween: 30, autoplay: { delay: 2500, disableoninteraction: false, }, effect: 'fade', pagination: { el: '.post1 .swiper-pagination', clickable: true, }, on: { init: function(swiper){ $('.post1').css('height',$('.post1').width()*2/3) }, resize: function(){ $('.post1').css('height',$('.post1').width()*2/3) }, }, }); /*新闻tab切换*/ $('.post-tab').on('click','.tab_menu .nbt',function(){ $(this).addclass('selected').siblings().removeclass('selected'); var index = $(this).index(); $('.post2 .tab_con').css('display','none'); $('.post2 .tab_con').eq(index).css('display','block'); }); /*滚动*/ var swiper4 = new swiper('.pic_list .swiper-container', { scrollbar: { el: '.swiper-scrollbar', hide: false, }, direction: 'horizontal', roundlengths : true, slidesperview: 'auto', freemode: true, mousewheel: true, }); /*新闻列表图切换1*/ var gallerythumbs1 = new swiper('.ml .post4 .gallery-thumbs', { spacebetween: 10, slidesperview: 5, freemode: true, watchslidesprogress: true, watchslidesvisibility: true, slidethumbactiveclass: 'swiper-slide-active', }); var gallerytop1 = new swiper('.ml .post4 .gallery-top', { spacebetween:0, loopedslides: 5, initialslide :0,//默认0初始化时显示第一个slide navigation: { nextel: '.ml .post4 .swiper-button-next', prevel: '.ml .post4 .swiper-button-prev', }, thumbs: { swiper: gallerythumbs1 } }); /*新闻列表图切换2*/ var gallerythumbs2 = new swiper('.mr .post4 .gallery-thumbs', { spacebetween: 10, slidesperview: 5, freemode: true, watchslidesprogress: true, watchslidesvisibility: true, slidethumbactiveclass: 'swiper-slide-active', }); var gallerytop2 = new swiper('.mr .post4 .gallery-top', { spacebetween:0, loopedslides: 5, initialslide :0,//默认0初始化时显示第一个slide navigation: { nextel: '.mr .post4 .swiper-button-next', prevel: '.mr .post4 .swiper-button-prev', }, thumbs: { swiper: gallerythumbs2 } }); });