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