window.onload = function(){ /*浼佷笟鑽h獕宸︿晶杞挱....................................................start*/ var swiper = new Swiper('.mileage .part_1 .swiper-container', { slidesPerView: 7, centeredSlides: true, mousewheelControl: true, direction :'vertical', initialSlide :2,//璁惧畾鍒濆鍖栨椂slide鐨勭储寮曘€� resistanceRatio : 0.3, followFinger : true, slideToClickedSlide: true,//璁剧疆涓簍rue鍒欑偣鍑籹lide浼氳繃娓″埌杩欎釜slide銆� breakpoints: { 1023: { slidesPerView: 7, initialSlide :2, }, 767: { direction :'horizontal', slidesPerView: 5, } }, onTouchMove: function (swiper) { //jQuery.getScript("../js/ratio-img.js"); his_position(); hisAjax($(".mileage .swiper-slide-active a").attr("href")); }, onTouchEnd: function (swiper) { //jQuery.getScript("../js/ratio-img.js"); his_position(); hisAjax($(".mileage .swiper-slide-active a").attr("href")); }, onSlideChangeStart: function (swiper) { //jQuery.getScript("../js/ratio-img.js"); his_position(); hisAjax($(".mileage .swiper-slide-active a").attr("href")); }, onInit: function(swiper){ //jQuery.getScript("../js/ratio-img.js"); his_position(); hisAjax($(".mileage .swiper-slide-active a").attr("href")); } }); function his_position() { $(".mileage .swiper-slide").removeClass("prev_nth2Mode next_nth2Mode prev_nth3Mode next_nth3Mode prev_nth4Mode next_nth4Mode prev_nth5Mode next_nth5Mode prev_nth6Mode next_nth6Mode"); $(".mileage .swiper-slide-active").prev().addClass("prev_nth2Mode"); $(".mileage .swiper-slide-active").next().addClass("next_nth2Mode"); $(".mileage .swiper-slide-active").prev().prev().addClass("prev_nth3Mode"); $(".mileage .swiper-slide-active").next().next().addClass("next_nth3Mode"); $(".mileage .swiper-slide-active").prev().prev().prev().addClass("prev_nth4Mode"); $(".mileage .swiper-slide-active").next().next().next().addClass("next_nth4Mode"); $(".mileage .swiper-slide-active").prev().prev().prev().prev().addClass("prev_nth5Mode"); $(".mileage .swiper-slide-active").next().next().next().next().addClass("next_nth5Mode"); $(".mileage .swiper-slide-active").prev().prev().prev().prev().prev().addClass("prev_nth6Mode"); $(".mileage .swiper-slide-active").next().next().next().next().next().addClass("next_nth6Mode"); } function hisAjax(url) { $.ajax({ url: url, type: "GET", success: function (msg) { $('#content').html(msg); window.sr = ScrollReveal(); sr.reveal('.wow',config); } }); } $(".mileage .part_1 .swiper-slide a").click(function(event){ event.preventDefault(); }); }