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