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