- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Simple Image Gallery
Ноябрь 15, 2010
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.