Photocollage, when set to fancybox, doesn't display arrows left or right

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 3:54 pm

I've got a project where I have added a photo collage and set the display type to 'fancybox'. The underlying page is also set that way, but for some reason when I preview it, I get the picture but no way to move to the next or previous one - or close the picture off.

I've done a sample project here which shows the same symptoms https://www.dropbox.com/s/alkeykp1ufc72 ... s.zip?dl=1 - what have I missed?

I'm running the latest WWB.

Alan

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by BaconFries » Fri Aug 23, 2019 4:02 pm

Hi Alan, to do a direct download from dropbox use dl=1 not dl=0 as this will take you to dropbox. This may require the user to login, if they dont have an account they cannot download. I have changed this for you.

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 4:10 pm

Sorry - and thanks

Alan

User avatar
Pablo
 
Posts: 18639
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by Pablo » Fri Aug 23, 2019 4:26 pm

In the Photo Collage properties you have selected 'Open in a popup window', not 'lightbox'.

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by BaconFries » Fri Aug 23, 2019 4:26 pm

No need to be sorry Alan 😃

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 4:38 pm

Pablo wrote:
Fri Aug 23, 2019 4:26 pm
In the Photo Collage properties you have selected 'Open in a popup window', not 'lightbox'.
Sorry - that was me trying things before I saved it. It did fail the first time I tried it, but now it works OK on a standalone project - so there's something else going on. To summarise:

On a standalone project, it works correctly. When I include a collage on my 'real' page, it does not display the < > and X buttons. What could cause that? I don't want to send over my real project (but I will if I have to).

Alan

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 4:43 pm

If you want to see it for real, go here https://test.penninescouts.org.uk/avsc.html and click on any picture

Alan

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 5:34 pm

Well, I rebuilt the page from the ground up, adding items one at a time - got to exactly the same page and everything works.

I have no idea what happened. I'd still like to know under what circumstances the fancybox doesn't display the <, > and X buttons

Alan

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by BaconFries » Fri Aug 23, 2019 6:17 pm

On viewing I still notice the next/previous arrows are missing but the close button is showing. I also noticed that you are naming the images starting with numbers this may or can cause issues see the following url regarding naming conventions.
viewtopic.php?f=10&t=131

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 7:03 pm

The images came from my phone. I can rename them if you think that will make a difference.

The next/prev buttons only appear when the mouse is near them. Not perfect, but that may be why you don't see them. Can you see them if the mouse goes to the ;eft or right centre? I assume that is how it's supposed to work.

I'd really like to know what's going on. I like the concept of the photo collage, but I may have to use something else if I get this again.

Alan

User avatar
Pablo
 
Posts: 18639
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by Pablo » Fri Aug 23, 2019 8:24 pm

Maybe there is conflict with other code on the page?
For example, fancybox does not work with new versions of jQuery.

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 8:50 pm

Pablo,

I have no code of my own in there as far as I know. It's all very strange.

Alan

alan_sh
 
 
Posts: 511
Joined: Tue Jan 01, 2019 5:50 pm

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by alan_sh » Fri Aug 23, 2019 8:58 pm

Pablo,

You may have found it. On pages where fancybox works, it's using jquery 1.12 - on the page that didn't work, it's 3.4

Alan

User avatar
Pablo
 
Posts: 18639
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by Pablo » Fri Aug 23, 2019 8:58 pm

I am sure the is a logical explanation.
I suspect a conflict in your settings

User avatar
rogerl
 
 
Posts: 246
Joined: Tue May 03, 2016 8:24 am

Re: Photocollage, when set to fancybox, doesn't display arrows left or right

Post by rogerl » Fri Aug 23, 2019 10:46 pm

Hi Guys,
This is a known issue in various versions of fancybox and Web Builder uses, if I remember rightly, V1.2,.
You need to add some css into your <head> section under Page, html.

Code: Select all

<style type="text/css">
   span#fancy_left_ico {left: 20px;}
   span#fancy_right_ico {right: 20px;}
</style>
The css varies somewhat depending which version you have. Try that and see what happens.

Post Reply