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