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