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