VsCarousel美观的轮播图插件(原创)

所属分类:媒体-幻灯片和轮播图

 19232  123  查看评论 (1)
分享到微信朋友圈
X
VsCarousel美观的轮播图插件(原创) ie兼容11

更新时间:2020-09-03 22:58:15

更新说明:demo修改


更新时间:2020-09-03 16:52:23

<!-- 请设置轮播图容器的高度 -->
<div id="vsCarousel" class="vsCarousel m-show">
    <!-- 轮播图元素列表 -->
    <ul class="vsCarousel-wrapper">
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/250/500/200" alt="1"></li>
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/251/500/200" alt="2"></li>
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/252/500/200" alt="3"></li>
    </ul>
    <!-- 前进后退按钮 -->
    <div class="vsCarousel-button">
        <button class="vsCarousel-button-prev"></button>
        <button class="vsCarousel-button-next"></button>
    </div>
    <!-- 分页器 -->
    <div class="vsCarousel-page">
        <button class="vsCarousel-page-play"></button>
        <button class="vsCarousel-page-button" data-index="1"></button>
        <button class="vsCarousel-page-button" data-index="2"></button>
        <button class="vsCarousel-page-button" data-index="3"></button>
    </div>
</div>
相关插件-幻灯片和轮播图

支持手机触摸滑动图片轮播

支持手机触摸滑动图片幻灯片轮播切换代码
  幻灯片和轮播图
 83903  931

jQuery个性化数字焦点图代码

jQuery个性化数字焦点图代码,底部4个焦点数字编码,左右展开,同时展开文字说明
  幻灯片和轮播图
 29935  315

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 35762  398

jquery适合风景展现的图片切换特效

图片切换,带有标题和缩略图,效果很好,修改非常简单,兼容各大浏览器
  幻灯片和轮播图
 32710  326

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    沉尘 0
    2020/9/10 14:41:57
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复