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