$(function(){ // 数字动态加载 $(".ind1-list div p span").countup({ time: 700 }) var wind_w = $(window).width(); var lw =0; // 轮播图 var bannerlb = function () { var bannerpageall = $("#section0 .swiper-slide").length; lw = $('.my-swiper-scrollbar').width()/bannerpageall; if(bannerpageall < 9){ $('#ban-num2').html('0'+bannerpageall); }else{ $('#ban-num2').html(bannerpageall); } $(".my-swiper-scrollbar .my-swiper-scrollbar-drag").css({"width":lw}); var bannerswiper = new swiper ('#section0 .swiper-container', { effect: 'fade', loop: false, slideactiveclass: 'active', slidesperview: 1, speed: 600, autoplay: { delay: 5000, stoponlastslide: false, disableoninteraction: false, }, observer: true, observeparents: true, preloadimages: false, // // 如果需要分页器 pagination: { el: '#section0 .swiper-pagination', }, // 如果需要前进后退按钮 navigation: { nextel: '#section0 .swiper-button-next', prevel: '#section0 .swiper-button-prev', }, }) bannerswiper.on('slidechange', function () { var ain = this.activeindex; var index = this.activeindex; var num = $("#section0 .swiper-slide").eq(ain).data("num"); var wi= 0; if($('#section0 .swiper-wrapper div').eq(0).find('video').length != 0){ if (wind_w > 1024) { wi= lw * num; if($('#section0 .swiper-slide').eq(0).find('video').length != 0){ document.getelementbyid('video1').pause(); } if(num <9){ $('#ban-num1').html( '0' + (num+1)) }else{ $('#ban-num1').html(num+1) } }else{ wi= lw * (num-1); if(num <9){ $('#ban-num1').html( '0' + (num)) }else{ $('#ban-num1').html(num) } } }else{ wi= lw * num; if($('#section0 .swiper-slide').eq(0).find('video').length != 0){ document.getelementbyid('video1').pause(); } if(num <9){ $('#ban-num1').html( '0' + (num+1)) }else{ $('#ban-num1').html(num+1) } } $('.my-swiper-scrollbar .my-swiper-scrollbar-drag').css("transform","translate3d("+ wi + "px , 0 ,0 "+")"); if (index === 0 && $('#section0 .swiper-slide').eq(0).find('video').length != 0) { if (wind_w > 1024) { document.getelementbyid('video1').currenttime = 0; document.getelementbyid('video1').play(); } else { player.stop(); player.play(); } } }); } if ($('#section0 .swiper-slide').eq(0).find('video').length != 0) { if (wind_w > 1024) { //有视频情况下,pc端给第一个slide加上swiper-slide active if ($("#section0 .swiper-slide").eq(0).data("num") == 0) { $("#section0 .swiper-slide").eq(0).addclass('swiper-slide active') } document.getelementbyid('video1').play(); } else{ //有视频情况下,移动端给第一个slide去掉swiper-slide active if ($("#section0 .swiper-slide").eq(0).data("num") == 0) { $("#section0 .swiper-slide").eq(0).removeclass('swiper-slide active') } } bannerlb(); } else { bannerlb(); } // 首页分类轮播 var ind3swiper = new swiper('.ind2_tab_swiper.swiper-container', { spacebetween: 0, // loop:true, freemode: true, watchslidesvisibility: true, watchslidesprogress: true, breakpointsinverse: true, breakpoints: { 320: { //当屏幕宽度大于等于320 slidesperview : 3, }, 900: { //当屏幕宽度大于等于768 slidesperview : 5, }, } }); var ind2swiper = new swiper('.ind2_swiper.swiper-container', { // loop:true, pagination: { el: '.ind2_swiper .swiper-pagination', type:'fraction', }, thumbs: { swiper: ind3swiper, } }); ind2swiper.on('slidechange', function () { var ain3 = this.activeindex; $('.ind2-txt2 .ind2-txt2-item').eq(ain3).addclass('on').siblings().removeclass('on') console.log(ain3) }) //首页新闻 var newsswiper = new swiper ('.ind-news-swiper .swiper-container', { breakpointsinverse: true, autoplay: { delay: 5000, stoponlastslide: false, disableoninteraction: false, }, breakpoints: { 320: { //当屏幕宽度大于等于320 slidesperview : 1, spacebetween : 10, }, 768: { //当屏幕宽度大于等于768 slidesperview : 2, spacebetween : 30, }, 1400: { //当屏幕宽度大于等于768 slidesperview : 4, spacebetween : 76, }, }, // 如果需要前进后退按钮 pagination: { el: '.ind-news-swiper .swiper-pagination', type:'fraction', }, }) })