ModFullPageImgGallery

In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

Setting standard, at once it is possible to open a demo page.

Gallery call 

[[! advImgFullGallery]]

 It will be caused from a folder demo.

For this purpose, what to specify directions to the folder with images, the call will be similar to this:

[[! advImgFullGallery? &advFold=`site/test/`]]

If you in gallery add photos, they will do automatically thumb images in a folder a way to which you specified.

If you change images in a folder with gallery images it is necessary to delete simply a folder thumb in a directory to which you specified in gallery.

Demo - http://modx.artdevue.com/modx/modx-full-page-image-gallery-with-jquery.html

Initial content