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

alan_sh · 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

BaconFries · 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 · Post by **alan_sh** » Fri Aug 23, 2019 4:10 pm

Sorry - and thanks

Alan

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

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

No need to be sorry Alan

alan_sh · 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 · 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 · 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

BaconFries · 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 · 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

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

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

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

BaconFries · Post by **BaconFries** » Sat Aug 24, 2019 12:39 am

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 · Post by **alan_sh** » Sat Aug 24, 2019 7:39 am

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

www.wysiwygwebbuilder.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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