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