Tuesday, August 17, 2010
LightBox
I want to display a photo gallary on web page for that i was looking for something which makes coding easy & my search end at LightBox.
LightBox is One of the javascript library which deals with images. It looks very good. It saves the space on web page & faster as compared to traditional way. It is also very easy to use just we have to include some javascript library & a css file & thats it. When you want to deal with images on web then i think you must think of Lightbox. There are many types of it check which one is suitable for you.
You can see what exactly LightBox is Here.
Here is sample code...
< !DOCTYPE>
<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox" title="My Pics"><img src="images/image-1.jpg"width="100" height="100"></a>
<a href="amol1.jpg" rel="lightbox[g]" title="Amol1"><img src="amol1.jpg" width="100" height="100"/> </a>
<a href="amol2.jpg" rel="lightbox[g]" ></a>
<a href="amol3.jpg" rel="lightbox[g]" ></a>
</body>
</html>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment