如何添加圖片輪播模塊?

發(fā)布時間:2017-03-04 18:01:47   瀏覽人數(shù): 45490 次  

進入網(wǎng)站編輯頁面,打開左側工具欄的【+】,選擇圖片輪播,將適合的風格拖動到指定區(qū)域,本文以【多圖輪播風格】為例,如下圖:


 


如需要輪播圖寬度鋪滿整個屏幕,可以鼠標右鍵設置空白區(qū)域,進入全局,選擇開啟【電腦版內(nèi)容寬度全屏】,如下圖:



設置輪播模塊的常規(guī)樣式,可選擇圖片是適應方式,以及圖片切換時間等,如下圖:

進入輪播模塊全局設置,將輪播模塊的寬度設置為100%,并設置模塊居中,這樣圖片就可以鋪滿整個屏幕了,如下圖:


雙擊輪播模塊,選擇替換和上傳對應的輪播圖片,如下圖:


分別切換到平板/手機端,調(diào)整輪播模塊的圖片適應方式,以及寬度和高度,如下圖:


注意事項:

1、電腦端設置好后,需分別切換到平板/手機端去調(diào)整輪播模塊的位置;

2、圖片顯示方式選擇【寬度、高度自適應】時候,需要將輪播模塊所在的區(qū)域開啟自動高度,以便在預覽網(wǎng)站的時候自動計算高寬; 

3、輪播圖片如果需要全屏展示,建議將本地制作的圖片寬度為1920px,高度根據(jù)實際需求制作; 

4、如圖片太大請適當壓縮大小,頁面避免加載慢/卡 








資料來源網(wǎng)絡,僅供學習交流,如您發(fā)現(xiàn)本文中有涉嫌抄襲,請發(fā)送郵件至:support@testsystem.com.cn,一經(jīng)查實,本站將立刻刪除涉嫌侵權內(nèi)容。


上一篇:如何添加導航菜單模塊?
下一篇:如何添加相冊模塊?

旗下網(wǎng)站:耐思智慧 - 淘域網(wǎng) - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權所有 Copyright © 2000-2024 testsystem.com.cn,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網(wǎng)安備 44049002000123號  域名注冊服務機構許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)

聲明:本網(wǎng)站中所使用到的其他各種版權內(nèi)容,包括但不限于文章、圖片、視頻、音頻、字體等內(nèi)容版權歸原作者所有,如權利所有人發(fā)現(xiàn),請及時告知,以便我們刪除版權內(nèi)容

本站程序界面、源代碼受相關法律保護, 未經(jīng)授權, 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經(jīng)授權, 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務所 夏天風 律師