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