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
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

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

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

Post by alan_sh »

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: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

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: 1681
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 »

Sorry - and thanks

Alan
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

In the Photo Collage properties you have selected 'Open in a popup window', not 'lightbox'.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

No need to be sorry Alan 😃
alan_sh
 
 
Posts: 1681
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 »

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: 1681
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 »

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: 1681
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 »

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: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

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: 1681
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 »

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: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

Maybe there is conflict with other code on the page?
For example, fancybox does not work with new versions of jQuery.
alan_sh
 
 
Posts: 1681
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 »

Pablo,

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

Alan
alan_sh
 
 
Posts: 1681
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 »

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: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

I am sure the is a logical explanation.
I suspect a conflict in your settings
User avatar
rogerl
 
 
Posts: 196
Joined: Tue May 03, 2016 8:24 am

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

Post by rogerl »

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.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

To add to Rogers suggestion you can also try the following piece of css. With this the previous/next icons will always be displayed and will be slightly outside the border. To use go to Page HTML and insert Between <head></head>tags*

Code: Select all

<style>
#fancybox-left:hover span,
#fancybox-left-ico {
  left: -15px;
}
#fancybox-right:hover span,
#fancybox-right-ico {
  right: -15px;
  left: auto;
}
</style>
alan_sh
 
 
Posts: 1681
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 »

Roger, BF,

I changed the version of JB to 1.12 and it worked fine. I don't think I need any code at this time. But thank you anyway.

[Edit] - I tried it and I like it. Thank you.

Alan
Post Reply