hbanner

banner

Usage no npm install needed!

<script type="module">
  import hbanner from 'https://cdn.skypack.dev/hbanner';
</script>

README

HBanner

基于react开发的轮播图组件，可支持一般轮播与无限轮播

动态效果图：

属性 说明 类型 默认值
width 宽度 number 700
height 高度 400 700
imgData 数据 array []
dirdection 动画方向垂直vertical，水平horizontal待完成 string 'vertical'
delay 动画时间 number 3
speed 动画速度 number 1
pause 是否包含暂停 boolean true
autoPlay 是否包含暂停 boolean true
fadein 是否淡入淡出， 只有在无缝播放时有效 默认切换播放 boolean true
seamless 是否无缝播放 默认无缝播放 boolean true
arrows 是否包含箭头 默认显示 boolean true
dots 是否包含dot 默认显示 boolean true