< akpoints: {
1279: {
spaceBetween: 20,
},
1000: {
spaceBetween: 10,
},
640: {
slidesPerView: 4,
spaceBetween: 20,
},
}
});
var gallery2 = new Swiper('.indal .gallery>.swiper-container', {
// autoplay:{delay:4000,disableOnInteraction: false},
speed: 800,
on: {
slideChangeTransitionStart: function () {
itemsMove2(this.activeIndex, thumbs2.params.slidesPerView);
}
},
});
$(".indal .thumbs-year").bind("click", function () {
if ($(this).hasClass("active")) return false;
$(".indal .thumbs-year").removeClass("active");
$(this).addClass("active");
gallery2.slideTo($(".indal .thumbs-year").index($(this)))
});
function itemsMove2(index, view) {
$(".indal .thumbs-year").removeClass("active");
$(".indal .thumbs-year").eq(index).addClass("active");
gallery2.slideTo(index);
thumbs2.slideTo(index - Math.floor(view / 2));
}
// indhx
var thumbs = new Swiper('.indhx .thumbs .swiper-container', {
speed: 800,
slidesPerView: 5,
slidesPerGroup: 1,
spaceBetween: 0,
breakpoints: {
1279: {
slidesPerView: 4
},
1000: {
slidesPerView: 2
},
640: {
slidesPerView: 1
},
},
navigation: {
nextEl: '.indhx .swiper-next',
prevEl: '.indhx .swiper-prev',
},
});
var gallery = new Swiper('.indhx .gallery .swiper-container', {
// autoplay:{delay:4000,disableOnInteraction: false},
speed: 800,
on: {
slideChangeTransitionStart: function () {
itemsMove(this.activeIndex, thumbs.params.slidesPerView);
}
},
});
$('.indhx .thumbs-prev').click(function () {
itemsMove4("prev");
});
$('.indhx .thumbs-next').click(function () {
itemsMove4("next");
});
$(".indhx .thumbs-year").hover(function () {
if ($(this).hasClass("active")) return false;
$(".indhx .thumbs-year").removeClass("active");
$(this).addClass("active");
gallery.slideTo($(".indhx .thumbs-year").index($(this)))
});
function itemsMove4(way) {
var nIndex = $(".indhx .thumbs-year").index($(".indhx .thumbs-year.active"));
if (way == "prev") {
var wIndex = nIndex - 1 < 0 ? nIndex = $(".indhx .thumbs-year").length - 1 :
nIndex - 1;
}
if (way == "next") {
var wIndex = nIndex + 1 > $(".indhx .thumbs-year").length - 1 ? nIndex = 0 :
nIndex + 1;
}
itemsMove(wIndex, thumbs.params.slidesPerView);
}
function itemsMove(index, view) {
$(".indhx .thumbs-year").removeClass("active");
$(".indhx .thumbs-year").eq(index).addClass("active");
gallery.slideTo(index);
thumbs.slideTo(index - Math.floor(view / 2));
}
$(".banner .btn").mouseover(function () {
$(".banner .btn").css("width", "190px");
$(".banner .btn .text").css("opacity", "0")
$(".banner .btn .text").css("right", "-100px")
$(".banner .btn i").css("right", "80px")
$(".banner .btn .hide").css("opacity", "1")
$(".banner .btn .hide").css("left", "45px")
$(".banner .btn i").removeClass("icon-arrow-left").addClass("icon-arrow-right")
});
$(".banner .btn").mouseout(function () {
$(".banner .btn").css("width", "90px");
$(".banner .btn .text").css("opacity", "1")
$(".banner .btn .text").css("right", "0px")
$(".banner .btn i").css("right", "30px")
$(".banner .btn .hide").css("opacity", "0")
$(".banner .btn .hide").css("left", "-100px")
$(".banner .btn i").removeClass("icon-arrow-right").addClass("icon-arrow-left")
});
var height = $(".indhx").offset().top - $(".Header-wrapper").height();
$(".banner .dowm a")
.click(function () {
$("html,body").animate({
scrollTop: height
}, 800);
});
var bannerSwiper = new Swiper('.banner .swiper-container', {
autoplay: {
delay: 4000,
disableOnInteraction: false
},
speed: 800, //切换速度
loop: true, //循环
pagination: {
el: '.banner .swiper-pagination',
clickable: true,
},
})
});
window.sr = new ScrollReveal({
distance: '50px',
duration: 1000,
easing: 'ease-out',
viewFactor: 0.2,
mobile: false
});
// sr.reveal('.动画元素', {delay: 100,interval: 300});
sr.reveal('.commonTitle .back', {
delay: 100,
interval: 300,
origin: 'right'
});
sr.reveal('.commonTitle .title', {
delay: 100,
interval: 300,
origin: 'bottom'
});
sr.reveal('.indhx .gallery', {
delay: 100,
interval: 300,
origin: 'bottom'
});
sr.reveal('.indhx .thumbs', {
delay: 100,
interval: 300,
origin: 'right'
});
sr.reveal('.indal .gallery', {
delay: 100,
interval: 300,
origin: 'right'
});
sr.reveal('.indal .thumbs', {
delay: 1000,
interval: 300,
origin: 'left'
});
sr.reveal('.indgy .indgy-l .content', {
delay: 100,
interval: 300,
origin: 'bottom'
});
sr.reveal('.indgy .indgy-l .list', {
delay: 100,
interval: 300,
origin: 'left'
});
sr.reveal('.indgy .indgy-r', {
delay: 100,
interval: 300,
origin: 'right'
});
sr.reveal('.indxw .list li', {
delay: 100,
interval: 300,
origin: 'bottom'
});
sr.reveal('.indjs .indjs-l', {
delay: 100,
interval: 300,
origin: 'left'
});
sr.reveal('.indjs .indjs-r', {
delay: 100,
interval: 300,
origin: 'right'
});
