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