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

Galleria+jCarousel Image Gallery

This is a Gallery Script that uses both galleria and jCarousel plugins.

JavaScript
In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code:

HTML
Below you can see general HTML script representation:

A <div> tag with #img id is a container for a big image. The gallery itself is represented by a bulleted list (<ul> tag) with #gallery id. Each bulleted list item (<li> tag) should contain a link to a big image.
In order to add another gallery slide you will just need to add the following HTML code construction:

CSS
You can find script related stylesheet in the main style.css file.


To customize gallery elements position you can customize these styles. Here is a list of the main style classes and ids:
•  #img – big image block id;
•  #gallery – thumbnails block id;
•  .caption – big image caption class;
•  .jcarousel-prev – gallery ‘Previous’ button class;
•  .jcarousel-next – gallery ‘Next’ button class.