响应式 jQuery 滑块插件 – iView Slider

iView Slider 是一款优秀的 jQuery 幻灯片滑动展示插件,用于实现文本、图片、视频等各种网页内容的幻灯片滑动展示功能。iView Slider 支持响应式布局,能够很好的运行于平板、手机等触屏设备中。iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。

ixslider

View Slider  提供了三种不同形式的加载进度条形式,以生动直观的方式告诉用户下一个滑块还有多久时间加载。iView Slider 提供了如下几种浏览方式:

  • 幻灯片
  • 键盘控制
  • 前后按钮
  • 缩略图

iView Slider 依赖于  jQuery 和 Raphael,提供了简单易用的 API ,能够非常容易的实现漂亮的内容滑动效果,iView Slider 调用的基本示例代码如下:

<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script src="js/iview.js"></script>
<script>
    $(document).ready(function(){
        $('#iview').iView({
            pauseTime: 7000,
            directionNav: false,
            controlNav: true,
            tooltipY: -15
        });
    });
</script>

演示   下载 GitHub

10款优秀的响应式 LightBox

今年流行响应试WEB页面,网页里使用的LightBox自然也要跟上形式,今天向大家推荐10款响应式LightBox。

1、Visual LightBox

 

2、CSS Modal
使用纯 CSS 构造,支持跨浏览器,自适应媒体支持,小而快。

 

3、Magnific Popup
Magnific Popup 是一个免费的 jQuery lightbox 插件,侧重于性能和任意设备上的最佳体验,兼容 Zepto.js

 

4、FancyBox
FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。

 

5、iLightbox

 

6、Fresco
Fresco 是一个漂亮的响应式的 lightbox,可用于创建令人惊叹的、支持各种屏幕尺寸的弹出层。

 

7、Chocolat

 

8、Shadowbox JS

 

9、rlightbox2

 

10、Responsive Lightbox

只支持图片的展示