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