- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
FAQs
General Tutorials
MonsterONE Subscrioption
Categories
Categories
MonsterONE Subscrioption
Gallery
“Gallery with fade effect”
A simple image gallery with a fade effect.
JavaScript
We should include jQuery framework by pointing src attribute in the script tag to those .js files.
Read More
<script type="text/javascript" src="js/jquery-1.4.2.min.js" </scriptInitialization script place either in the section or in some external .js file
$(function(){
// first we create a function that will swap the images
var replaceImg=function(href){
var img=$('#gallery #pic … “jbGallery” Image Gallery
- Live Demo
This is a Gallery Script that allows showing a single big image, multiple images, multiple galleries, slideshows, as a site’s background, in a “dialog” mode or as a common pop-up.
JavaScriptIn order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code in order to include the jbGallery-2.0.js script …
Simple Image Gallery
This is a Simple Image Gallery plug-in that is using several basic jQuery functions.
Read More
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 …
“MouseGallerySlide” Image Gallery
This is a Gallery Script that allows changing slides by moving the mouse cursor.
JavaScript
In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code in order to include the jquery.mouseGallerySlide.1.1.0.js script and the jQuery framework:
Read More
JavaScript
In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code in order to include the jquery.mouseGallerySlide.1.1.0.js script and the jQuery framework:
The <head> section of the index-#.html (or the section just before the closing </body>…
“RoundAbout” Image Gallery
- Live Demo
- Download
This is an impressive Gallery Script that allows creating a gallery with magnificent interactive ‘ round-about’ interfaces. By default, it works for numeric and buleted lists but can work for any HTML structure after certain modification. Please, check this link or this link for gallery installation and configuration tutorials.
JavaScript
In order to make the script work, …
“SpaceGallery” Image Gallery
This is a Gallery Script that allows animating images in a slider with perspective effect. The plug-in has one image navigation preset only, but it is very useful if you have lots of images. Please, check this link for gallery installation and configuration tutorials.
Read More
JavaScript
In order to make the script work, the index-#.html file with a gallery should contain …
Galleria+jCarousel Image Gallery
This is a Gallery Script that uses both galleria and jCarousel plugins.
Read More
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 …
“Gallerific” Image Gallery
This is a Gallery Script that uses “Gallerific” – a universal jQuery plugin for creating all kinds of galleries. You can find full installation and configuration instructions by following this link.
Read More
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include jquery.galleriffic.js script and jQuery …
Scroll Image Gallery
This is a Gallery Script that uses jQueryui ui.
Read More
JavaScript
In order to make the script work, the index-#.html file with the gallery should contain these lines of HTML code:
The gallery.js file contains these lines of code that make the gallery work:
This script does not require any configuration.
HTML
Bulleted list is used to display the slides. The …
Kwicks Image Gallery
- Live Demo
- Download
JavaScript
In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code:
The script.js file contains these lines of code that initialize the script functionality with basic values:
Here the script attributes define the following values:
• max: …