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