Creating an image gallery
We use jQuery Colorbox Plugin, please see here for documentation: jQuery Colorbox Plugin
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <link href="colorbox.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> <script type="text/javascript" src="jquery.colorbox-min.js"> <script type="text/javascript"> $(document).ready(function() { $("a.gallery").colorbox({rel:'gallery', slideshow:true}); }); </script> </head> <body> <a class="gallery" href="1-large.jpg"><img src="1-small.jpg" /></a> <a class="gallery" href="2-large.jpg"><img src="2-small.jpg" /></a> <a class="gallery" href="3-large.jpg"><img src="3-small.jpg" /></a> </body> </html>