Vegas Background SlideShow- 好用的全螢幕背景幻燈片播放套件

分享:

Vegas Background SlideShow 是一個好用的全螢幕背景幻燈片播放套件,而且可以自訂的部分很多,更可以設定影片當作播放的項目。

設置上可以透過 npm,或是直接讀入 css 和 js

<link rel="stylesheet" href="/js/vegas/vegas.min.css">
<script src="/js/vegas/vegas.min.js"></script>

接著指定元素並設定要輪播的圖片 url 即可:

$("#example, body").vegas({
    slides: [
        { src: "/img/slide1.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

更多設定可以參考官方文件說明。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。