Swiper.js 製作一屏顯示多個slider的效果

Swiper.js 官方網站說明：https://www.swiper.com.cn/api/effects/196.html

使用Swiper.js製作一屏顯示多個slider時，按照官方給出的API說明，發現不能滿足自定義縮放大小，於是自己琢磨了一下，發現一個關鍵參數 slidesPerView，官方給出的解釋是：

slidesPerView: 設置slider容器能夠同時顯示的slides數量

實際這個值可以是小數，在與 effect : ‘coverflow’ 搭配用的時候，就能控制slider的縮放比例，從而實現控制相鄰2個silider之間的距離遠近。

想要顯示3個就設置爲1~1.9之間的數值，想要顯示5個就設置爲3，自己可以嘗試一下，以下是基本例子：

var mySwiper = new Swiper('.swiper-container', {
    effect : 'coverflow',
    slidesPerView: 1.3,
    centeredSlides: true,
    coverflowEffect: {
        rotate: 0,
        stretch: 10,
        depth: 200,
        modifier: 2,
        slideShadows: true
    },
    pagination: {
        el: '.swiper-pagination',
        clickable :true,
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
})