Skip to content
image gallery jquery plugin
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
img
.bowerrc
.gitignore
.jshintrc
LICENSE
README
README.md
bower.json
gal.style.css
index.html
jquery.gal.jquery.json
jquery.gal.js
libs.js
main.css
package.json
script.js

README.md

jquery.gallery.plugin

Preview of the developer version

jquery.gallery.plugin

Instalation

Put into console

bower install

The above command will install jquery dependency. Obviously you can use your own file of jquery.

Usage

Copy files dist/jquery.gal.min.js dist/gal.style.min.css into the appropriate place of your web page. Put into the head section

            <link rel="stylesheet" type="text/css" href="dist/gal.style.min.css" />
            <script type="text/javascript" src="vendor/dist/jquery.min.js"></script>
            <script type="text/javascript" src="dist/jquery.gal.min.js"></script>

Insert div which is intended as container of images :

 <div id="scene">
</div>

On the other hand put

<ul id="gal_list">drop an image here</ul>

for the list where you can drop an enlarged image (which is stored as a name of the file, but it can be easily used in some different way by using sessionStorage item named imgList). Do not forget to place img folder (which is provided in dist folder) into the root of your webpage.

To init gallery, put in script.js the following command:

$(document).ready(function(){
    
    $('div#scene').gal(options);
    
});
    

where options is an object containing the field nrOfImgs which indicates the number of images and imagesDir - path to the images.

or with parameters (which can contain objects as values):

$(document).ready(function(){
    
    $('div#scene').gal({"nrOfImgs": 4,"imagesDir" : "img/gallery/"});
    
    
});
    
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.