If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Simple Image Gallery

This is a Simple Image Gallery plug-in that is using several basic jQuery functions.

JavaScript
Below you can see the jQuery script representation. This script does not require any configuration.

HTML
Below you can see the example of gallery HTML coding:

Here the big image which is placed to the <dt> tag gets id #largeImg. When you click the thumbnails (small images), the path to the big picture is replaced by the link that is specified by href parameter for each thumbnail. Each thumbnail itself is placed to the <dd> tag.
In order to add a certain amount of thumbnails you need to add the following structure to the gallery HTML coding:  

Here images/big-image2.jpg is the path to the big image and images/sm-image2.jpg is the path to the small image. Usually you just need to change the image filename.

Simple Image Gallery, 1.0 out of 5 based on 1 rating