超棒的响应式幻灯jQuery插件 - refineslide

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

 23353  355  查看评论 (8)
分享到微信朋友圈
X
超棒的响应式幻灯jQuery插件 - refineslide ie兼容8

jQuery的幻灯插件我们介绍过很多了,不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。

主要特性

  • 支持各种过渡效果

  • 支持响应式的展示方式,支持移动设备展示

  • CSS过渡和3D变化

  • 支持javascript的fallback兼容方式

  • 自动格式化响应式的缩略图

  • 支持IE7+

  • 支持HTML的幻灯说明文字

  • 浏览器硬件加速

  • 免费使用并且可以随意改动

  • 简单,语义的标签支持

  • 轻量级12minified

  • API文档完整

  • 支持自动播放,并且拥有丰富的callback方法

如何使用

导入jQuery和插件类库:

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.refineslide.min.js"></script>

添加标签:

<ul class="rs-slider">
    <li><img src="img1.jpg" alt="" /></li>
    <li><img src="img2.jpg" alt="" /></li>
    <li><img src="img3.jpg" alt="" /></li>
</ul>

调用插件js:

<script>
    $(document).ready(function () {
        $('.rs-slider').refineSlide();
    });
</script>


相关插件-幻灯片和轮播图

带进度条的鼠标点击放大特效插件

通过拖动横向滚动条来放大或缩小组图
  幻灯片和轮播图
 28485  338

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 61741  378

CSS3全屏3D画布图片切换特效

CSS3全屏3D画布图片切换特效是一款基于JS+CSS3实现的带左右按钮的控制全屏图片切换代码。
  幻灯片和轮播图
 28588  359

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 43687  353

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

    ? 0
    2017/5/6 17:36:00

    那个能支持不同比例的图片么   

    回复
    戴斯 0
    2016/12/20 16:12:59
    怎么更换过度效果啊  小白请教各位大神
        安静如你所愿0
        2018/5/28 18:20:57
        我也是正在研究,,有没有大神回复下
    回复
    Homer Wu 0
    2016/12/9 9:12:18
    很酷炫,蛮喜欢的 回复
    灵动指尖 0
    2016/12/8 16:12:57
    Jony 0
    2016/12/6 9:12:21
    使用方法不够详细, callback写在哪儿呢 回复
    离愁扼喉 0
    2016/12/6 8:12:47
    ?★沉迷、爱 0
    2016/12/5 14:12:53
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复