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