华为云计算 云知识 如何给网站添加Banner轮播大图效果
如何给网站添加Banner轮播大图效果

如何给网站增加banner轮播效果

Banner轮播图效果是比较常见的网页模块,华为云速 建站 内置插件可快速为网页添加轮播图,具体操作如下:

点击打开插件->图片特效–>Unslider

images_161127670634379

点击设置配置样式,可根据需求选择样式;

images_161127673950174

设置轮播图的基础属性:高度长度,动画效果,是否自动播放等,样式不同,属性也略有区别;

images_161127676223765

样式如下图,可以设置箭头,导航等

显示导航:即是否显示下方的原点导航,并且提供了三种样式。并且可修改导航的颜色和下间距。

images_161127678378854

左右箭头:可选择鼠标悬停之后图片是否停止轮播。并且可上传箭头图片,及修改间距。

图片建议宽度为1920px,可以设置链接和标题

images_161127680762694

标题显示效果如下,设置链接后点击图片会跳转到对应链接页面。

images_161127682861177

unsilder自适应效果逻辑为w:100%;h:auto;

h:auto显示当中部分。H:会根据显示器大小自动调整实际高度,当宽度很宽时,图片高度有可能被拉伸显示当中部分。当宽度不宽很小时,图片高度有可能被缩小显示当中部分。

把BANNER文字和主要元素做到第460--1460之间。图片宽度1920,那么基本没有什么显示器不正常。

上一篇:视频内容审核价格 下一篇:替换DeploymentreplaceAppsV1NamespacedDeployment

华为云11.11 域名建站分会场

热门域名1元购,多种建站产品特惠。全球畅销域名.com企业新用户首年1元,国家顶级域名.cn1元,云速建站买2年送1年,买3年送2年,续费享半价。