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