导航

专业做网站建设公司、网页设计制作、百度优化推广、网站维护托管等网站相关业务,欢迎咨询。

域名空间 | 服务领域  网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题

通栏轮播插件Unslider在网站建设设计中如何使用呢


来源:邯郸煜阳网络公司  时间:2019-12-20 23:38    
  通栏轮播插件Unslider在网站建设设计中如何使用呢?最近在给朋友做页面设计美化工作,遇到通栏轮播插件Unslider的问题,下面我们来说下他在网站建设部计中是如何应用的呢。

 
视频指导讲解教程图片指导讲解教程
 视频指导讲解:



PC版Unslider插件 适用版本( 基础版、标准版、营销版)
支持插件边框,是否自动播放,动画间隔时间,导航颜色等设置,同时还支持键盘左右方向键导航。

Unslider图片适应规则

宽是100%,高自动,高超出模块高隐藏, 图片宽小于模块宽 拉至100%显示,高仍然是自动。建议使用统一宽度和高度的图片。


图片切换效果有多种特效供客户选择,为您的网站呈现更酷更炫的效果。


1571218059328834.png
 


 点击设置 配置样式
1571218344109896.png


样式一


1571218407291582.png

样式二
1571218432517123.png

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

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


样式1:
样式2:
样式3:
 
 自动播放:轮播图是否自动轮播。可设置时间和动画效果,动画效果新增了动画5淡入淡出效果。




 

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




 

 
预览如下:


图片添加及设置


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



1571218510103291.png


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


1571218599258728.png
 
 unsilder
自适应效果逻辑为 w:100% h:auto
h:auto显示当中部分。H:会根据显示器大小自动调整实际高度,当宽度很宽时,图片高度有可能被拉伸显示当中部分。当宽度不宽很小时,图片高度有可能被缩小显示当中部分
把BANNER文字和主要元素做到第460--1460之间。图片宽度1920,那么基本没有什么显示器不正常