WB8 jQuery FancyTransitions addon instructions and settings

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
protectourlands
 
 
Posts: 432
Joined: Sat May 24, 2008 2:16 am
Contact:

WB8 jQuery FancyTransitions addon instructions and settings

Post by protectourlands »

This explains how to obtain the addon, and to share extra commands like speed and transition effect. Please share other commands if you see something not listed.

Download the Lightbox addon for WB8: http://www.wysiwygwebbuilder.com/free_extras.html. When using a Slideshow or Photo Gallery on your page, to access jQuery Fancy Transitions go to Options > Type > Lightbox Gallery. Then set the Lightbox to jqfancytransitions.

To customize jqfancytransitions, add any of these to "Settings" (separate each variable with comma like shown):

effect: 'wave', (wave, zipper, curtain)
width: 400, (width of panel)
height: 300, (height of panel)
strips: 10, (number of strips)
delay: 3000, (delay between images in ms)
stripDelay: 60, (delay between strips in ms)
titleOpacity: 0.8, (opacity of title)
titleSpeed: 1000, (speed of title appearance in ms)
position: 'alternate', (top, bottom, alternate, curtain)
direction: 'left', (left, right, alternate, random, fountain, fountainAlternate)
navigation: false, (true for prev and next navigation buttons)
links: false, (show images as links)

This is only available in WB8 - another great reason to upgrade if you haven't already.
Last edited by protectourlands on Wed Jan 11, 2012 2:02 am, edited 1 time in total.
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: WB8 jQuery FancyTransitions addon instructions and setti

Post by haakoo »

:D
Post Reply