zoukankan      html  css  js  c++  java
  • 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的所有选项:

     

  • 相关阅读:
    Mediawiki 子页链接无效的问题
    变量存储区:堆和栈
    《modern-php》
    HttpApplication处理对象与HttpModule处理模块
    Asp.Net构架(Http请求处理流程)
    Quartz.NET 3.0
    WebApi路由
    RESTful架构
    WCF
    TCP/IP协议
  • 原文地址:https://www.cnblogs.com/haiqin/p/9065553.html
Copyright © 2011-2022 走看看