_contest.js 1.95 KB
import Swiper, {
    Navigation,
    Pagination,
    A11y,
    Keyboard
  } from 'swiper';
  import 'swiper/css';
  import 'swiper/css/navigation';
  import 'swiper/css/pagination';
  import 'swiper/css/keyboard';
  import 'swiper/css/a11y';


jQuery(document).ready(function($) {

 

    var mySwiper = new Swiper ('.swiper-container', {
        modules: [Navigation, Pagination, A11y, Keyboard],
          direction: 'horizontal',
          loop: true,
          loopedSlides: 8,
          slidesPerView: 'auto',
          spaceBetween: 4,
  
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        a11y: {
            prevSlideMessage: 'Previous slide',
            nextSlideMessage: 'Next slide',
        },
        keyboard: {
            enabled: true,
            onlyInViewport: false,
        },
        allowSlidePrev: true,
        allowSlideNext: true,
      })
        

    



    text_change();
    function text_change(){

       var words = [ 'Smile', 
       'Dance',
       'Celebrate',
       'Hike', 
       'Laugh',
       'Play',
       'Explore', 
       'Discover',
       'Climb',
       'Parent',
       'Adventure',
       ''];
       
        $.each(words, function( index, value ) {
            setTimeout(function(){ 
                $(".like-you strong").text(value);
                if( (words.length - 1) ==  index){
                   text_change();
                }
            }, index * 1000 );
           
        });
    }  

    $("div[id^='Modal']").each(function(){
  
        var currentModal = $(this);
        
        //click next
        currentModal.find('.btn-next').click(function(){
          currentModal.modal('hide');
          currentModal.closest("div[id^='Modal']").nextAll("div[id^='Modal']").first().modal('show'); 
        });
        
      
      });
      

});