Lightbox2.6

by Lokesh Dhakar

Lightbox是很小javascript库用来展示图片相册的插件。

Examples

Single images

thumb-1 thumb-1

An image set

Plants: image 1 0f 4 thumb Plants: image 2 0f 4 thumb Plants: image 3 0f 4 thumb Plants: image 4 0f 4 thumb

How to use

Step-by-step instructions

Part 1 - Get setup

  1. Download and unzip the latest version of Lightbox from above.
  2. Look inside the js folder to find jquery-1.10.2.min.js and lightbox-2.6.min.js and load both of these files from your html page. Load jQuery first:
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/lightbox-2.6.min.js"></script>
    
  3. Look inside the css folder to find lightbox.css and load it from your html page:
    <link href="css/lightbox.css" rel="stylesheet" />
    
  4. Look inside the img folder to find close.png, loading.gif, prev.png, and next.png. These files are used in lightbox.css. By default, lightbox.css will look for these images in a folder called img.

Part 2 - Turn it on

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

来源:站长图库