• 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的所有选项:

     

  • 相关阅读:
    SSL工作原理
    xmlhttprequest对象
    form验证的图片(小技巧)
    C#转码
    引用不了App_Code里的类
    再谈如何成为技术领袖
    如何做好年末总结?
    编程习惯
    软件人员推荐书目(都是国外经典书籍!!!)
    又当爹又当妈的产品经理
  • 原文地址:https://www.cnblogs.com/haiqin/p/9065553.html
Copyright © 2020-2023  润新知