Fancybox Parameter

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
hpwehrli
 
 
Posts: 16
Joined: Sat Feb 22, 2014 1:05 am

Fancybox Parameter

Post by hpwehrli » Thu Dec 17, 2015 9:19 am

Dear all

I have invested some (a lot :D ) hours to optimize the fancybox (Lightbox).
The following Parameters, copied to the Options of the Lightbox (Gallery Fancybox) will customise the out lock of the picture.

'scrolling':'auto',
'autoScale':true,
'overlayShow':true,
'overlayColor':'black',
'overlayOpacity':0.5,
'titlePosition':'over',
'padding':2,
'margin':10,
'cyclic':true,
'centerOnScroll':true,
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {return '<span id="fancybox-title-over">Bild ' + (currentIndex + 1) + ' / ' + currentArray.length + ' ... ' + title+ '</span>';}

Offcurse, you can change all the parameter :wink:

The description of the parameter you will find here: http://www.fancybox.net/api

An example of the result of the parameter above you will find here: http://www.nathape.com/Favoriten1169.html or http://www.nathape.com (The Start Page of the website).

Have fun and happy Christmas

Hp

PS: For English change in the tittleFormat "Bild" to "Image"

User avatar
ColinM
 
 
Posts: 789
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: Fancybox Parameter

Post by ColinM » Sun Dec 20, 2015 5:55 am

Nice work hp! I can see a LOT of work has gone into that!

What did you use to minimise the top layer on scroll down please?

oh, and a happy Christmas to you to! 8)
Yours truly
Colin M
Western Australia
My Website

hpwehrli
 
 
Posts: 16
Joined: Sat Feb 22, 2014 1:05 am

Re: Fancybox Parameter

Post by hpwehrli » Mon Dec 21, 2015 1:21 pm

Hi Colin

That is made with the top-slider from rz
http://www.magnawebstudio.com/en-topslider.html

Regards
Hp

adex1
 
 
Posts: 169
Joined: Fri Apr 01, 2011 1:13 pm

Re: Fancybox Parameter

Post by adex1 » Tue Dec 22, 2015 4:04 pm

Well done, this will be needed when WB11 is out.
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.

Post Reply