如何添加圖片輪播模塊？

發(fā)布時(shí)間:2017-03-04 18:01:47   瀏覽人數(shù): 52319 次  

進(jìn)入網(wǎng)站編輯頁(yè)面，打開左側(cè)工具欄的【+】，選擇圖片輪播，將適合的風(fēng)格拖動(dòng)到指定區(qū)域，本文以【多圖輪播風(fēng)格】為例，如下圖：

如需要輪播圖寬度鋪滿整個(gè)屏幕，可以鼠標(biāo)右鍵設(shè)置空白區(qū)域，進(jìn)入全局，選擇開啟【電腦版內(nèi)容寬度全屏】，如下圖：

設(shè)置輪播模塊的常規(guī)樣式，可選擇圖片是適應(yīng)方式，以及圖片切換時(shí)間等，如下圖：

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

雙擊輪播模塊，選擇替換和上傳對(duì)應(yīng)的輪播圖片，如下圖：

分別切換到平板/手機(jī)端，調(diào)整輪播模塊的圖片適應(yīng)方式，以及寬度和高度，如下圖：

注意事項(xiàng)：

1、電腦端設(shè)置好后，需分別切換到平板/手機(jī)端去調(diào)整輪播模塊的位置；

2、圖片顯示方式選擇【寬度、高度自適應(yīng)】時(shí)候，需要將輪播模塊所在的區(qū)域開啟自動(dòng)高度，以便在預(yù)覽網(wǎng)站的時(shí)候自動(dòng)計(jì)算高寬； 

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

4、如圖片太大請(qǐng)適當(dāng)壓縮大小，頁(yè)面避免加載慢/卡