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