疯子姓张

一定要站在巨人的肩膀上去学习。

导航

ligbox 插件介绍

浏览器支持情况:一般情况都支持。最好是jQuery v1.x + lightbox.js,这样的组合IE6,IE7,IE8也支持!

1 light插件的下载地址:https://pan.baidu.com/s/1JeI6bXGwcPu9ohOYHGmmcQ

2 欣赏一下目录结构:

 

3 使用方法:

3.1 在页面中引入源文件:
   <link href="path/to
ghtbox.css" rel="stylesheet">
   <script src="path/to
ghtbox.js"></script>(你当前页面有jQuery 库文件)或者 <script src="path/toghtbox-plus-jquery.js"></script>(你当前页面没有jQuery 库文件)

   注意:
   1 一定要有jQuery 库文件!!!且一定要在lightbox.js之前 !!!  
   2 lightbox.css中引用了一些图片(/dist/images)  确保路径正确

 

3.2 属性有三个:data-lightbox,data-title,data-alt 后两个根据需要设置
        如果是一组图片(就是轮播的时候属于一组),那么 data-lightbox 值要保持一致,否则不需要

4 修改默认选项的方法:

<script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
    })
</script>

 以下为ligbox的所有选项:

 

 

posted on 2018-05-21 07:10  菠萝奶油饭  阅读(152)  评论(0编辑  收藏  举报