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