i want thumbnails on my page. I want them to be enlarged while we click on them. is there any way to do it by using jquery colorbox?

1 Answers

user3458948 On

On left side panel add image as hyper link as below ,

jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1'});
<!doctype html>
        <link rel="stylesheet" href="colorbox.css">
        <script src="jquery.min.js"></script>
        <script src="jquery.colorbox-min.js"></script>
<div align="left">
       <a class='gallery' href="image1.gif"><img src="image1.gif" width=90 height=90></a>
       <a class='gallery' href="image2.gif"><img src="image2.gif" width=90 height=90></a>
       <a class='gallery' href="image3.gif"><img src="image3.gif" width=90 height=90></a>