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