Panel Gallery 1.2 Multi Gallery Demo

Example 1

This example has the same functionality as found in version 1 of the panel gallery plugin. All transitions go from left to right and there is no overlap in the transition effect (each panel completes before the next one begins). Also, hovering over the images does not pause the transition.

Settings: sections:6, imageTransitionDelay:3000, sectionTransitionDelay:800, startDelay:2000, enablePause:0, overlap:1, repeat:true

Example 2

The HTML for this example is identical to the previous example and only the options have been changed. You can pause the transitions just by placing your mouse over any part of the image. This set of images has been divided up into 12 sections with an overlap of .5 (when one panel begins to fade in, the next panel will wait half the time of the fade effect before beginning.). Also note that this image set is also using various direction changes which is set on individual images.

Settings: sections: 12, imageTransitionDelay : 3000, sectionTransitionDelay : 800, startDelay : 2000, overlap:.5, repeat:true

Example 3

Similar to example 2, this examples uses all the options of the panel gallery including overlap, mouseover pausing, and direction changes.

Settings: sections: 6, imageTransitionDelay : 3000, sectionTransitionDelay : 1000, startDelay : 2000, repeat:true

Example 4

This example is using all the default panel gallery options

Settings: defaults

Example 5

You can put links around your images too however they are only clickable when the full image is viewable. A future version will allow links on the individual sections.

Settings: sections: 10, imageTransitionDelay : 3000, sectionTransitionDelay : 1000, startDelay : 2000, overlap:.5

Example 6

Large images are no problem for the panel gallery

Settings: defaults