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