www.wysiwygwebbuilder.com

Due to license restrictions we are not allowed to distribute FancyBox v3.
However if you copy the files from https://fancyapps.com/fancybox/ to Documents\WYSIWYG Web Builder\system\lightbox\fancybox, then the application will use these files instead of the included ones (FancyBox v1).

are you saying to replace the v1 files with v3 then or just combine them?

// Should display navigation arrows at the screen edges
arrows: true

rogerl wrote: ↑Wed May 09, 2018 11:17 pm Have a look at FB3 options. you need to add something like
arrows: true
in settings

presto wrote: ↑Sat May 12, 2018 12:53 pm The only files you will need to run fancybox 3 are "jquery.fancybox.min.css" and "jquery.fancybox.min.js" and a file "lightbox.ini" (you can copy this from the "old" fancybox). These three files only are sufficiant to run fancybox 3.

If you want to run a slideshow then you also need to add the file "slideshow.js".

There is a file "core.js", too. With this file there you can determine yourself the behavior of fancybox 3, otherwise fancybox 3 will use the default values. In this file there is a part where for example you can switch on and off the icons shown in the upper right corner of the modal window when fancybox 3 runs.

All these mentioned files above should be in the folder called "fancybox", so no sub-folders are needed. This configuration works perfectly for me.

rogerl wrote: ↑Sat May 12, 2018 9:23 pmYou only need the 2 .min files for css and js. core is built into those files.
How does it know data-caption = title of image? - needed to run this version.

presto 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.

Pablo wrote: ↑Sun May 13, 2018 11:07 am What is the URL of the page so I can see what you have done?

• How do I get the image title to show as the caption?

• Given that I use all 3 versions of fancybox across the site, why can't the lightbox setup in Program Files be used with a Folder "fancybox3"

please see this :
http://bit.do/egdA3

ID:
wb_تور-مجازیPhotoGallery1

Given that I use all 3 versions of fancybox across the site, why can't the lightbox setup in Program Files be used with a Folder "fancybox3"

OK, in my case, using the slide show, it works and arrows and controls show by default but disappear if no screen activity. I know Janis put out a fix for that cause it annoyed users. I'll go look for that.

idleTime: false

Because as a standard Windows user you cannot copy files to this folder.

I am not allowed to distribute fancybox3 in the setup, that is why you will need to copy the files yourself.

• Is there some way you could expand your current method suggested for FB3 so that it doesn't overwrite fancybox default and allow us to have a fancybox2 and fancybox3 folder under this scenario?

• I noticed after entering settings for "fancybox" and exiting in the normal manner. I then went to preview to check the page. I then went back to change settings only to find my original settings had been erased.

Pablo wrote: ↑Sun May 13, 2018 11:48 am

please see this :

ID:
wb_تور-مجازیPhotoGallery1

I so not see any references to 'arrows: true' in the code.
Where exactly did you add it?

i set this in light box gallery - fancybox - settings : https://pasteboard.co/HkZ83tT.jpg

Pablo wrote: ↑Sun May 13, 2018 12:30 pm

i set this in light box gallery - fancybox - settings : https://pasteboard.co/HkZ83tT.jpg

This look correct.

wb_user wrote: ↑Sun May 13, 2018 10:49 am

presto 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.

i do all of this but arrows not shown

presto wrote: ↑Sun May 13, 2018 1:34 pm

wb_user wrote: ↑Sun May 13, 2018 10:49 am

presto 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.

i do all of this but arrows not shown

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.

Pablo wrote: ↑Sat May 12, 2018 12:15 pm It works for me:
http://wysiwygwebbuilder.com/support/fancybox3/

Pablo wrote: ↑Mon May 14, 2018 5:41 am See my previous reply with link.

Pablo wrote: ↑Mon May 14, 2018 7:31 am Are you sure the lightbox.ini is correct?

rogerl 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:

Code: Select all

settings=

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.
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

Pablo, 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.