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