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