Page 1 of 1
Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 3:54 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:02 pm
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.
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:10 pm
by alan_sh
Sorry - and thanks
Alan
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:26 pm
by Pablo
In the Photo Collage properties you have selected 'Open in a popup window', not 'lightbox'.
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:26 pm
by BaconFries
No need to be sorry Alan
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:38 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 4:43 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 5:34 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 6:17 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 7:03 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 8:24 pm
by Pablo
Maybe there is conflict with other code on the page?
For example, fancybox does not work with new versions of jQuery.
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 8:50 pm
by alan_sh
Pablo,
I have no code of my own in there as far as I know. It's all very strange.
Alan
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 8:58 pm
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
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 8:58 pm
by Pablo
I am sure the is a logical explanation.
I suspect a conflict in your settings
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Fri Aug 23, 2019 10:46 pm
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.
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Sat Aug 24, 2019 12:39 am
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>
Re: Photocollage, when set to fancybox, doesn't display arrows left or right
Posted: Sat Aug 24, 2019 7:39 am
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