如何添加圖片輪播模塊?
進入網站編輯頁面,打開左側工具欄的【+】,選擇圖片輪播,將適合的風格拖動到指定區(qū)域,本文以【多圖輪播風格】為例,如下圖:
如需要輪播圖寬度鋪滿整個屏幕,可以鼠標右鍵設置空白區(qū)域,進入全局,選擇開啟【電腦版內容寬度全屏】,如下圖:
設置輪播模塊的常規(guī)樣式,可選擇圖片是適應方式,以及圖片切換時間等,如下圖:
進入輪播模塊全局設置,將輪播模塊的寬度設置為100%,并設置模塊居中,這樣圖片就可以鋪滿整個屏幕了,如下圖:
雙擊輪播模塊,選擇替換和上傳對應的輪播圖片,如下圖:
分別切換到平板/手機端,調整輪播模塊的圖片適應方式,以及寬度和高度,如下圖:
注意事項: 1、電腦端設置好后,需分別切換到平板/手機端去調整輪播模塊的位置; 2、圖片顯示方式選擇【寬度、高度自適應】時候,需要將輪播模塊所在的區(qū)域開啟自動高度,以便在預覽網站的時候自動計算高寬; 3、輪播圖片如果需要全屏展示,建議將本地制作的圖片寬度為1920px,高度根據(jù)實際需求制作; 4、如圖片太大請適當壓縮大小,頁面避免加載慢/卡
更多相關連接
|