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