進入網站編輯頁(ye)面,打開左(zuo)側工(gong)具欄的【+】,選擇圖片輪播(bo),將適合的風格拖動到指定區域,本文以【多圖輪播(bo)風格】為例,如下圖:
如(ru)需要輪播(bo)圖(tu)寬(kuan)度(du)鋪滿整(zheng)個(ge)屏(ping)(ping)幕,可以鼠標(biao)右鍵設(she)置空白區(qu)域(yu),進入全局,選(xuan)擇開啟【電(dian)腦版內(nei)容寬(kuan)度(du)全屏(ping)(ping)】,如(ru)下圖(tu):
設置輪(lun)播模塊的常規樣式,可選(xuan)擇(ze)圖(tu)片是適應方式,以及圖(tu)片切換時間等,如下圖(tu):
進入輪播(bo)模塊(kuai)全(quan)局(ju)設(she)(she)置,將輪播(bo)模塊(kuai)的寬度(du)設(she)(she)置為100%,并設(she)(she)置模塊(kuai)居中,這(zhe)樣圖(tu)片就可以鋪滿整(zheng)個屏幕了,如(ru)下圖(tu):
雙擊輪(lun)播模塊,選擇替換和上傳(chuan)對應的輪(lun)播圖(tu)片,如下圖(tu):
分(fen)別切換到平板/手機端,調整(zheng)輪播(bo)模塊的圖片(pian)適應方式,以及寬度和高度,如下圖:
注意事項:
1、電腦端設(she)置好后(hou),需分別(bie)切(qie)換到平板(ban)/手機端去調整輪播模塊(kuai)的位置;
2、圖片顯示方式(shi)選擇【寬度、高度自(zi)(zi)適(shi)應】時候,需(xu)要將輪播(bo)模塊所在的區域開啟自(zi)(zi)動高度,以便在預覽網(wang)站的時候自(zi)(zi)動計(ji)算高寬;
3、輪(lun)播(bo)圖片(pian)如果需要全屏展示,建議(yi)將本地制作(zuo)的圖片(pian)寬度為(wei)1920px,高度根據實際需求制作(zuo);
4、如圖片太大請適當壓縮大小,頁(ye)面(mian)避免加載慢/卡
旗下網站:耐思智慧 - - - 中(zhong)文域名:
耐思智慧 © 版權所有 Copyright © 2000-2025 szjicheng.cn,Inc. All rights reserved
備案號碼:
公安備案號:
聲明:本網站(zhan)中所使用到的其(qi)他各(ge)種版權(quan)內容(rong),包(bao)括但不限于(yu)文章(zhang)、圖片、視頻、音頻、字體等內容(rong)版權(quan)歸原(yuan)作者(zhe)所有,如(ru)權(quan)利所有人發現,請(qing)及時告知,以便我們刪除版權(quan)內容(rong)
本站(zhan)程序(xu)界(jie)面、源(yuan)代碼受相關法律保(bao)護, 未經(jing)授(shou)權, 嚴(yan)禁使(shi)用; 耐思智慧 © 為我公(gong)司注冊商標(biao), 未經(jing)授(shou)權, 嚴(yan)禁使(shi)用
法律顧問: