[SOLVED] jQuery Lightbox plugin misplaces images in Safari

oliverraduner · January 2011

I added today a jQuery Lightbox plugin (http://fancybox.net/) to my site, in order to have a nicer display for images.

But when I click an image on Safari browser, it will "popup" in the very bottom of the page... When I use Firefox, I get the expected (correct) behaviour.

Vanilla Lightbox Plugin: misplacement issue on Twitpic

Any ideas or does anybody know, if this is a common problem with lightbox plugins & vanilla? I tried 2 plugins with the same result!

Thanks,
Oliver

oliverraduner · January 2011

I don't know why exactly, but I got it work.

Probably the deprecated Plugin "HTMLPurifier" was messing into the jQuery Fancybox plugin... I disabled it due to no use anymore (HTMLawed is the new HTML parser), and now I noticed that fancybox is working.

prabhavathi · July 2011

Can you tell me how to install this?

oliverraduner · July 2011

@prabhavathi I created a custom Addon (Plugin) with all the JavaScript & Code required.
The downside I got not along yet is, that you manually need to add an image like like

<a class="lightbox" href="#"><img src="/image/path/01.jpg" />

When I update my installation to the most recent Version of Vanilla I will need to update many of my plugins. I can publish the Fancybox-Addon then, too. Stay tuned.

prabhavathi · August 2011

Cool! I too created a custom plugin! Working very well :)

cryptoboy · September 2011

Any chance of either of you two sharing this with one daft danish media designer, less inclined to partake plugin-writing himself? :)

oliverraduner · September 2011

@cryptoboy I am working on it and will release it soon. One downside at the moment is, that I did not implement an "auto-image-detection", so you need to add the lightbox tags manually at the moment. And this is very un-userfriendly.
But I am testing 2.0.18b3 at the moment, so stay tuned for a release of the plugin in the near future (next 1 to 2 weeks).

cryptoboy · September 2011

Looking very much forward to that one indeed, Oliver :)

evolucja · October 2011

I have included:


<script src="/themes/public_vforg/js/jquery.easing-1.3.pack.js?v=1.0.4" type="text/javascript"></script>
<script src="/themes/public_vforg/js/jquery.fancybox-1.3.4.pack.js?v=1.0.4" type="text/javascript"></script>
<script src="/themes/public_vforg/js/jquery.mousewheel-3.0.4.pack.js?v=1.0.4" type="text/javascript"></script>

and CSS file- I see them in view source and they're working but I cannot initalize fancybox. It just doesn't work anyway.

Please help

UnderDog · October 2011

@evolucja what you are doing is crossposting
Just keep 1 topic per problem, now you've posted your problem in this topic and here
http://vanillaforums.org/discussion/17319/fancybox-doesnt-work/p1
don't do that anymore

oliverraduner · October 2011

Here you go @prabhavathi @cryptoboy @evolucja
--> http://vanillaforums.org/addon/vanillafancybox-plugin-1.0

Looking forward to your feedback here.

Cheers
Oliver

evolucja · October 2011

You're awesome. More feedback in plugin's thread.

Howdy, Stranger!

Categories

In this Discussion

[SOLVED] jQuery Lightbox plugin misplaces images in Safari

Comments