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