lightbox

Overlay Images (Lightbox) Using JavaScript

“Overlay Images (Lightbox) Using JavaScript” is simple example of using Lightbox.

Note that yous should use same settings and directories.

Download the required files as a zip file : http://parhammajd.co.uk/examples/lightbox.zip

DEMO LINK : http://parhammajd.co.uk/examples/lightbox/overlayImages.html



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.7.2.min.js"></script>
<script src="lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>

<body>
<div>
<a href="test.jpg" rel="lightbox[group1]">
<img src="test.jpg" width="200" height="200" />
</a>
<a href="test1.jpg" rel="lightbox[group1]">
<img src="test1.jpg" width="200" height="200" />
</a>
</div>
</body>
</html>


Leave a Reply

Your email address will not be published. Required fields are marked *