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