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