如何添加圖片輪播模塊?

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

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


 


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



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

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


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


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


注意事項(xiàng):

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

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

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

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








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


上一篇:如何添加導(dǎo)航菜單模塊?
下一篇:如何添加相冊模塊?

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

耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 IISP.COM,Inc. All rights reserved

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

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

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

法律顧問:珠海知名律師 廣東篤行律師事務(wù)所 夏天風(fēng) 律師