如何添加圖片輪播模塊？

發布時間:2017-03-04 18:01:47   瀏覽人數: 66011 次  

進入網站編輯頁面，打開左側工具欄的【+】，選擇圖片輪播，將適合的風格拖動到指定區域，本文以【多圖輪播風格】為例，如下圖：

如需要輪播圖寬度鋪滿整個屏幕，可以鼠標右鍵設置空白區域，進入全局，選擇開啟【電腦版內容寬度全屏】，如下圖：

設置輪播模塊的常規樣式，可選擇圖片是適應方式，以及圖片切換時間等，如下圖：

進入輪播模塊全局設置，將輪播模塊的寬度設置為100%，并設置模塊居中，這樣圖片就可以鋪滿整個屏幕了，如下圖：

雙擊輪播模塊，選擇替換和上傳對應的輪播圖片，如下圖：

分別切換到平板/手機端，調整輪播模塊的圖片適應方式，以及寬度和高度，如下圖：

注意事項：

1、電腦端設置好后，需分別切換到平板/手機端去調整輪播模塊的位置；

2、圖片顯示方式選擇【寬度、高度自適應】時候，需要將輪播模塊所在的區域開啟自動高度，以便在預覽網站的時候自動計算高寬； 

3、輪播圖片如果需要全屏展示，建議將本地制作的圖片寬度為1920px，高度根據實際需求制作； 

4、如圖片太大請適當壓縮大小，頁面避免加載慢/卡