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