盛世龍圖項目總結

事件總結
   .resize（） 當瀏覽器窗口變化時  swiper的個數發生變化總結  把swiper的js挨個修改

   $(function() {
        createSwiper();

        $(window).resize(function() {
            createSwiper()
        });
    });
    function createSwiper() {
        var ww = $(window).width();

        // 關於我們 公司榮譽 輪播 開始
        if (ww <= 480) {
            var honor = new Swiper('.c-honor .swiper-container', {
                slidesPerView: 2,
                slidesPerColumn: 2,
                paginationClickable: true,
                spaceBetween: 10,
                nextButton: '.swiper-button-next-honor',
                prevButton: '.swiper-button-prev-honor',
            });
        } else if(ww <= 768) {
            var honor = new Swiper('.c-honor .swiper-container', {
                slidesPerView: 3,
                slidesPerColumn: 2,
                paginationClickable: true,
                spaceBetween: 20,
                nextButton: '.swiper-button-next-honor',
                prevButton: '.swiper-button-prev-honor',
            });
        } else {
            var honor = new Swiper('.c-honor .swiper-container', {
                slidesPerView: 4,
                slidesPerColumn: 2,
                paginationClickable: true,
                spaceBetween: 30,
                nextButton: '.swiper-button-next-honor',
                prevButton: '.swiper-button-prev-honor',
            });
        }

　　

swiper總結