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