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