華為云計(jì)算 云知識 如何給網(wǎng)站添加Banner輪播大圖效果
如何給網(wǎng)站添加Banner輪播大圖效果

如何給網(wǎng)站增加banner輪播效果

Banner輪播圖效果是比較常見的網(wǎng)頁模塊,華為云速建站內(nèi)置插件可快速為網(wǎng)頁添加輪播圖,具體操作如下:

點(diǎn)擊打開插件->圖片特效–>Unslider

images_161127670634379

點(diǎn)擊設(shè)置配置樣式,可根據(jù)需求選擇樣式;

images_161127673950174

設(shè)置輪播圖的基礎(chǔ)屬性:高度長度,動畫效果,是否自動播放等,樣式不同,屬性也略有區(qū)別;

images_161127676223765

樣式如下圖,可以設(shè)置箭頭,導(dǎo)航等

顯示導(dǎo)航:即是否顯示下方的原點(diǎn)導(dǎo)航,并且提供了三種樣式。并且可修改導(dǎo)航的顏色和下間距。

images_161127678378854

左右箭頭:可選擇鼠標(biāo)懸停之后圖片是否停止輪播。并且可上傳箭頭圖片,及修改間距。

圖片建議寬度為1920px,可以設(shè)置鏈接和標(biāo)題

images_161127680762694

標(biāo)題顯示效果如下,設(shè)置鏈接后點(diǎn)擊圖片會跳轉(zhuǎn)到對應(yīng)鏈接頁面。

images_161127682861177

unsilder自適應(yīng)效果邏輯為w:100%;h:auto;

h:auto顯示當(dāng)中部分。H:會根據(jù)顯示器大小自動調(diào)整實(shí)際高度,當(dāng)寬度很寬時(shí),圖片高度有可能被拉伸顯示當(dāng)中部分。當(dāng)寬度不寬很小時(shí),圖片高度有可能被縮小顯示當(dāng)中部分。

把BANNER文字和主要元素做到第460--1460之間。圖片寬度1920,那么基本沒有什么顯示器不正常。