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