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