Fancybox Parameter
Posted: Thu Dec 17, 2015 9:19 am
Dear all
I have invested some (a lot
) 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
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"
I have invested some (a lot
) 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
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"
