Animated Thumbnail Gallery Manual

Reference: Animated Thumbnail Gallery Animation (Viewer)

The gallery Image viewer options

Overlay

1.Show Effect – When you click the thumbnail there is a shadow that covers the thumbnails in order to preview the bigger image. With this option you can choose how the shadow falls.

• Fade In – The shadow covers the thumbnails all at the same time.

• Slide Down – The shadow falls from the top to the bottom of the gallery.

• Show – The shadow falls from the top left corner to the bottom right corner of the gallery.

2.Hide Effect – When you close the bigger image you can also set an animation same as the Show Effect but on close.

• Fade Out – The shadow uncovers all thumbnails at the same time.
  
  

• Side Up – The shadow uncovers the thumbnails from the bottom to the top of the gallery.

• Hide – The shadow uncovers the thumbnails from bottom right corner to the top left one.

3.Effect Speed – Slower or faster shadow it''s up to you, just make sure you set it to be dividable by 100. The time is set in ms. (1sec. =1000ms)

4.Opacity – Another effect option that allows you to set your shadow lighter or darker.

 

Viewer Show Transition

1.Effect – In the Animated Thumbnail Gallery there are 10 different animations for bigger image preview. When you click the thumbnail, by the time it becomes a bigger image it can rotate, flip, wave, flash or even set a random animation. The Random option is set to display no more than 2 times one and the same animation.

*An example for the Rotation effect.

2.Effect Duration – You can set the time that your effect will go on until the bigger image opens. Make sure you set it to be dividable by 360.

3.Effect Easing – The Easing effect is used to fine tune the type of animation appearance.

*To see a more detailed explanation of the types of graph-like effects click here.  

Viewer Hide Transition

1.Effect – As in the Viewer Show Transition, you can set the same options for Hide Transition.

2.Effect Duration – The time in ms(1sec. =1000ms) that your bigger image closes.(dividable by 360)

3.Effect Easing – The Easing effect is used to fine tune the type of animation appearance.

*To see a more detailed explanation of the types of graph-like effects click here.

Miscellaneous

1.Title (if any) – In the Animated Thumbnail Gallery there are several ways to display your image titles.

• Show – If you select the Show option, your title will be displayed on the bigger image. You can also set Show Thumbnail Title in the Style tab, so that the title is displayed also on the thumbnail.

• Don't show – Even if you set Show Thumbnail Title in the Style tab, the title will not be displayed on the bigger image.

• Show on mouse over – The title will be displayed only on mouse over.

2.Description (if any) – You can set the same options like for the title.

• Show – The description will be displayed as soon as the bigger image opens.

• Don't show – The description will not be displayed on the bigger image.

• Show on mouse over - The description will be displayed only on mouse over.

3.Closing Click – This option allows you to set the way you want your bigger image to close.

• Button – If you check this option the bigger image will close by clicking the  button.

• Overlay – Click outside the image in order to close it.

• Image - Click the image in order to close it.
  
  

*You can select all 3 options for closing the bigger image.