如何添加圖片輪播模塊?

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

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


 


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



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

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


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


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


注意事項(xiàng):

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

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

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

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








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


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

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

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

備案號(hào)碼: 粵ICP備09063828號(hào)  公安備案號(hào): 公安備案 粵公網(wǎng)安備 44049002000123號(hào)  域名注冊(cè)服務(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),請(qǐng)及時(shí)告知,以便我們刪除版權(quán)內(nèi)容

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

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