Problem with lightbox combination

[Robnroll]

Hey, this is not really an issue with your plugin itself. The plugin alone works pretty good for me. Thanks a lot by the way :) I struggle with the combination of the lightbox plugin: "Fancybox". So basicly not your problem but i thought maybe have a fast idea how i can solve my problem :)

My goal ist to open a lightbox window and have the ability to wipe the images inside with your before/after script. As you can see here: http://robinjuenkersfeld.de/test_2.php (click on the image) mostly it does what it should but the layout gets broken inside the lightbox. The "before & after tags" are in the top left corner and the wipe line disappears.

(I disabled the "auto height" css command for "img" in the foundation.css. Otherwise the height seems to conflict with the lightbox "display none" and the twentytwenty div gets a 0px height so you see nothing.)

So the whole problem seems to go along with the "display: none" command which is requiered for hiding the div for the lightbox effect. I have tried a lot and don't know any further. Funny thing: if you click fast enough before the page ist fully loaded, everything looks perfect but still breaks after closing and opening again.

Is there a chance to combine those plugins? If necessary i would use another lightbox plugin as well.

Thanks a lot for your time! Rob

[irmmi]

Hi, I am having almost similar issue, everything is working fine at computers and my before and after pictures can be seen in lightbox plugin: "Fancybox" the only issue is, can't move wipe line in mobiles and tablets. In other words, this plugin is not working for me on tablets and mobiles. Here is the link for your reference.... http://canopyfarmslandscaping.ca/beforeafter.html please help me to fix this issue.

@Robnroll I just looked at your website and your script and plugin both are working on tablets and mobiles. Could you please tell me what did you do to fix this issue? or help me to fix mine? Thanks and waiting for quick help.

[Sysix]

I had the same problem and can't fix it. So I build my own slider. If "competition" projects links are allowed, look here: https://github.com/Sysix/be.af.slider In Fancybox I must only set a maxWidth to 100% @zurb If not allowed, I will delete my posts without problems ;)