lightview--jQuery lightbox effect

Home Lightbox & Dialog & Overlaylightview--jQuery lightbox effect

lightview--jQuery lightbox effect

12 years ago Views

21939

4716

nickstakenburg

First make sure a valid doctype is set as the very first line on the page. It's recommended to use the HTML5 doctype:

<!DOCTYPE html>

Include jQuery 1.4.4 or above in the header. Going with the latest 1.7.x release is recommended for optimal performance, the Google CDN can be used for this.

Download Lightview and upload the files from the package to your server. Include lightview.js and its dependancies¹ below jQuery. Also include lightview.css and make sure the include paths point to the locations where the files have been uploaded.

Adding SWFObject 2.2+ is only required when making use of flash. The Google CDN can also be used to include this file.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<!--[if lt IE 9]>
  <script type="text/javascript" src="/js/excanvas/excanvas.js"></script>
<![endif]-->
<script type="text/javascript" src="/js/spinners/spinners.js"></script>
<script type="text/javascript" src="/js/lightview/lightview.js"></script>

<link rel="stylesheet" type="text/css" href="/css/lightview/lightview.css"/>

Tag: image lightbox