Thanks for visiting, here you can view the live demo and sample code for the WP Lightbox 2.
WP Lightbox 2 Image Gallery:
HTML Code:
<a title="Green glass towers" href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image1.jpg" rel="lightbox[26]"><img class="slickr-post" alt="Green glass towers" src="http://onlinewebapplication.com/wp-content/uploads/2011/12/image1_s.jpg" width="75" height="75" /></a> <a title="random house" href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image2.jpg" rel="lightbox[26]"><img class="slickr-post" alt="random house" src="http://onlinewebapplication.com/wp-content/uploads/2011/12/image2_s.jpg" width="75" height="75" /></a> <a title="glass" href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image3.jpg" rel="lightbox[26]"><img class="slickr-post" alt="glass" src="http://onlinewebapplication.com/wp-content/uploads/2011/12/image3_s.jpg" width="75" height="75" /></a> |
Using an Image Map:
Sample Code:
<img alt="myMap" src="http://onlinewebapplication.com/wp-content/uploads/2011/12/main-image.png" usemap="#Map" width="480" height="448" border="0" /> <map id="Map" name="Map"> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image1.png" rel="lightbox[mapgroup]"> <area coords="7,76,9,221,75,223,116,219,133,223,145,222,157,223,156,223,148,21,150,23,162,3,7,2,8,46" shape="poly" href="#" /> </a> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image2.png" rel="lightbox[mapgroup]"> <area coords="168,12,316,12,318,76,316,220,165,221" shape="poly" href="#" /> </a> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image3.png" rel="lightbox[mapgroup]"> <area coords="322,2,477,225" shape="rect" href="#" /> </a> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image4.png" rel="lightbox[mapgroup]"> <area coords="7,420,143,416,142,326,142,290,141,244,6,242,12,302" shape="poly" href="#"" /> </a> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image5.png" rel="lightbox[mapgroup]"> <area coords="159,231,314,444" shape="rect" href="#" /> </a> <a href="http://onlinewebapplication.com/wp-content/uploads/2011/12/image6.png" rel="lightbox[mapgroup]"> <area coords="319,232,484,443" shape="rect" href="#" /> </a> </map> |
WP Lightbox 2 Plugin FAQ & Installation
For any query and suggestion please post comments here -
Contact Us
