WordPress.org

Ready to get started?Download WordPress

Plugin Directory

NextGEN Scroll Gallery

Awesome free JavaScript gallery. BMo-Design's Mootools Javascript ScrollGallery as a Plugin for the WordPress NextGEN Gallery.

Options

More Options can be set in the post/page tag: '[scrollGallery id=xxx option1="value1" option2="value2"]'

Possibel Options

  • start: (number) start at picture number ... the first picture is number 0
  • area: (number) width of the area to scroll left or right
  • thumbarea: (string) div class name for the thumbs
  • imagearea: (string) div class name for the images
  • speed: (number) 0<=speed<=1 thumb scroll speed
  • clickable: (boolean) images can be clicked
  • autoScroll: (boolean) autoscroll thumbs
  • enableSwipeMode: (boolean) enable Swipe-Mode on touchable devices
  • useCaptions: (boolean) use captions or not
  • useDesc: (boolean) use description as caption
  • thumbsdown: (boolean) set the thumbs under the images
  • diashow: (boolean) activates the diashow option
  • diashowDelay: (number) delay in seconds, have to be more than 1
  • thumbOpacity: (number) optional opacity level for the tumbs in percent, have to be more than 0
  • width: (number) gallery width
  • height: (number) gallery height
  • adjustImagesize: (boolean) if false it will strech the images

For Example: '[scrollGallery id=1 start=5 autoScroll=true]'

Of Course you can change the style, borders and colors! Go into the plugin-folder "nextgen-scrollGallery" there you will find a folder "css" and the "scrollGallery_greyDesign.css". Here you can add custom css designs, like the "scrollGallery_greyDesign.css". I recommend to copy your "scrollGallery_customDesign.css" in your theme folder. Because if you make a update of the plugin, the "css" folder will be replaced. After you save a css-file in this "css" folder, it will be possible to change the style of the gallery in the admin interface.

The dimensions of thumbnails and images can be changed in your NextGEN Gallery plugin.

Since version 1.5 the do_shortcode() function is supported and since version 1.6 you can use [sG_thumbsSolo id=xxx] and [sG_imagesSolo id=xxx] instead of [scrollGallery id=xxx] to show only thumbs or images.

Since version 1.7 it is possible to set links to thumbs and images. To set a link, go into your NextGen Gallery and edit the image descriptions. If you write: [scrollGallery thumblink="http://www.bmo-design.de" thumblink_target="_blank"] you will set an external link to my page, which will open in a new window (target="_blank"). Also you can set image links and image targets. Here's an example with all the possibilities: [scrollGallery imglink="http://www.bmo-design.de" thumblink="http://software.bmo-design.de" imglink_target="_self" thumblink_target="_blank"].

Requires: 3.1 or higher
Compatible up to: 3.2.2
Last Updated: 2013-11-23
Downloads: 183,027

Ratings

4 stars
4.1 out of 5 stars

Support

0 of 8 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1 100,1,1
100,1,1 100,1,1
100,1,1 100,2,2 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,2,2 100,2,2 100,3,3 100,8,8 100,1,1 100,5,5 100,1,1 100,3,3 100,1,1 33,3,1 100,2,2 100,2,2 100,3,3 100,2,2
100,2,2 100,1,1
50,2,1 100,4,4 83,12,10 100,2,2 22,9,2
100,2,2 100,9,9 100,1,1
100,3,3
100,7,7
100,7,7
100,7,7
88,8,7 100,1,1
50,2,1
100,3,3
100,1,1
0,1,0 100,1,1