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