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