in ID : تور-مجازیPhotoGallery1
i set this in light box gallery - fancybox - options : https://pasteboard.co/HkZ83tT.jpg
in ID : تور-مجازیPhotoGallery1
This look correct.i set this in light box gallery - fancybox - settings : https://pasteboard.co/HkZ83tT.jpg
can you send me http://wysiwygwebbuilder.com/support/fancybox3/ project folder to i preview that whats happen ?Pablo wrote: ↑Sun May 13, 2018 12:30 pmThis look correct.i set this in light box gallery - fancybox - settings : https://pasteboard.co/HkZ83tT.jpg
Code: Select all
infobar:false,
caption : function( instance, item ) {
var caption = this.title || '';
return '<span class="fancy-count">(Image <span data-fancybox-index></span> of <span data-fancybox-count></span>)</span>' + ( caption.length ? ' ' + caption : '' );
}
This works perfectly even with arrows provided that there is a file called lightbox.ini in the original fancybox directory. This file is installed automatically when you install WWB 14.wb_user wrote: ↑Sun May 13, 2018 10:49 ami do all of this but arrows not shownpresto wrote: ↑Sun May 13, 2018 10:25 am After having installed WWB 14 you only have to create once a directory named "lightbox" with a subdirectory "fancybox" in "C:/Documents\WYSIWYG Web Builder\system".
Please not that this is the standard path and directory where WWB (both 32-bit and 64-bit version) stores important information. Most probably you won't have changed this. Please do not mix this up with the path to the programme files of WWB.
In this new directory "C:/Documents\WYSIWYG Web Builder\system\lightbox\fancybox" you only have to copy the two files from fancybox 3:
jquery.fancybox.min.css
jquery.fancybox.min.js
Even if you update WWB 14 it does not overwrite this directory and as long as this directory exists, WWB 14 will use fancybox 3 instead of the built-in fancybox 1.
Thank You very much. Great! It works perfectpresto wrote: ↑Sun May 13, 2018 1:34 pmThis works perfectly even with arrows provided that there is a file called lightbox.ini in the original fancybox directory. This file is installed automatically when you install WWB 14.wb_user wrote: ↑Sun May 13, 2018 10:49 ami do all of this but arrows not shownpresto wrote: ↑Sun May 13, 2018 10:25 am After having installed WWB 14 you only have to create once a directory named "lightbox" with a subdirectory "fancybox" in "C:/Documents\WYSIWYG Web Builder\system".
Please not that this is the standard path and directory where WWB (both 32-bit and 64-bit version) stores important information. Most probably you won't have changed this. Please do not mix this up with the path to the programme files of WWB.
In this new directory "C:/Documents\WYSIWYG Web Builder\system\lightbox\fancybox" you only have to copy the two files from fancybox 3:
jquery.fancybox.min.css
jquery.fancybox.min.js
Even if you update WWB 14 it does not overwrite this directory and as long as this directory exists, WWB 14 will use fancybox 3 instead of the built-in fancybox 1.
is it possible to send me this project file ?Pablo wrote: ↑Sat May 12, 2018 12:15 pm It works for me:
http://wysiwygwebbuilder.com/support/fancybox3/
pablo , i check this topic : viewtopic.php?f=10&p=404218#p404218 and I acted carefully
yes! image: https://pasteboard.co/Hl6OHxr.jpg
Code: Select all
settings=
Code: Select all
infobar:false,
loop:true,
idleTime: false,
slideShow : { autoStart : true },
caption : function( instance, item ) {
var caption = this.title || '';
return '<span class="fancy-count">(Image <span data-fancybox-index></span> of <span data-fancybox-count></span>)</span>' + ( caption.length ? ' ' + caption : '' )
}
thankyou it workedrogerl wrote: ↑Mon May 14, 2018 10:15 pm I have successfully tested both Pablo's Gallery demo and the original ice image example.
I discovered my .ini file has an extra line to that offered in this thread:When I tested further, the Gallery example, the settings would not work unless the .ini file was in the folder whereas the slideshow example worked with or without the .ini file.Code: Select all
settings=
The files are in the correct location as set out in the method. (C:\Documents\WYSIWYG Web Builder\system\lightbox\fancybox)
here are the settings I have used in the slideshow example and Gallery example to further enhance the output:Code: Select all
infobar:false, loop:true, idleTime: false, slideShow : { autoStart : true }, caption : function( instance, item ) { var caption = this.title || ''; return '<span class="fancy-count">(Image <span data-fancybox-index></span> of <span data-fancybox-count></span>)</span>' + ( caption.length ? ' ' + caption : '' ) }
Gallery Example:
https://www.whiteshepherdsnz.com/NewSite/index.html
Slideshow Example:
https://www.whiteshepherdsnz.com/NewSite/Ice.html
Correct, it will affect all object that use fancyboxPablo, would I be right in saying if you have used Fancybox1 elsewhere on a site, that folder will now be over written when this one is uploaded.
The purpose of FAQ article is how to replace fancybox1 with fancybox3. It will use the default configuration. WWB does not change the way fancybox works.@pablo I did as you said in the thread but the problem arised tat there no arrows to navigate