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