Hello, so I'm trying to on each active slide make my paragraph above visiable. But each paragraph and each slide should be unique.
so this is what my js looks like and I need help! This breaks whole slider.
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
effect: 'coverflow',
autoplay: 2500,
grabCursor: false,
centeredSlides: true,
slidesPerView: 'auto',
loop: true,
coverflow: {
rotate: 0,
stretch: 0,
depth: 0,
modifier: 1,
slideShadows : true
},
onSlideChangeStart : function(swiperHere){
titleSwap();
var swiperSlide = swiper.activeSlide()
console.log(swiperSlide);
}
});
function titleSwap(){
if($(".swiper-slide.first").hasClass("swiper-slide-active")) {
alert('Show');
}else{
alert('Hide');
}
};
Hello, so I'm trying to on each active slide make my paragraph above visiable. But each paragraph and each slide should be unique. so this is what my js looks like and I need help! This breaks whole slider. var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', effect: 'coverflow', autoplay: 2500, grabCursor: false, centeredSlides: true, slidesPerView: 'auto', loop: true, coverflow: { rotate: 0, stretch: 0, depth: 0, modifier: 1, slideShadows : true }, onSlideChangeStart : function(swiperHere){ titleSwap(); var swiperSlide = swiper.activeSlide() console.log(swiperSlide); } });