@@ -8,15 +8,15 @@ Put into console
88``` bash
99bower install
1010```
11+ The above command will install jquery dependency. Obviously you can use your own file of jquery.
1112
1213## Usage
14+ Copy files dist/jquery.gal.min.js dist/gal.style.min.css into the appropriate place of your web page.
1315Put into the head section
1416``` html
15- <link rel =" stylesheet" type =" text/css" href =" gal.style.css" />
16- <script type =" text/javascript" src =" vendor/jquery/dist/jquery.min.js" ></script >
17- <script type =" text/javascript" src =" jquery.gal.js" ></script >
18- <script type =" text/javascript" src =" libs.js" ></script >
19- <script type =" text/javascript" src =" script.js" ></script >
17+ <link rel =" stylesheet" type =" text/css" href =" dist/gal.style.min.css" />
18+ <script type =" text/javascript" src =" vendor/dist/jquery.min.js" ></script >
19+ <script type =" text/javascript" src =" dist/jquery.gal.min.js" ></script >
2020```
2121
2222Insert div which is intended as container of images :
@@ -35,6 +35,7 @@ On the other hand put
3535```
3636for the list where you can drop an enlarged image (which is stored as a name of the file, but it can be easily
3737used in some different way by using sessionStorage item named imgList).
38+ Do not forget to place img folder (which is provided in dist folder) into the root of your webpage.
3839
3940To init gallery, put in script.js the following command:
4041
@@ -58,7 +59,7 @@ or with parameters (which can contain objects as values):
5859
5960$ (document ).ready (function (){
6061
61- $ (' div#scene' ).gal ({" nrOfImgs" : 4 ," imagesDir" : " img/gallery/" , " mouseOut " : { " opacity " : .1 } });
62+ $ (' div#scene' ).gal ({" nrOfImgs" : 4 ," imagesDir" : " img/gallery/" });
6263
6364
6465});
0 commit comments