Blog Documentation Book a Demo
Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

[SOLVED] jQuery Lightbox plugin misplaces images in Safari

oliverraduneroliverraduner ✭✭
edited January 2011 in Vanilla 2.0 - 2.8
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
Tagged:

Comments

  • oliverraduneroliverraduner ✭✭
    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.
  • prabhavathiprabhavathi
    Can you tell me how to install this?
  • oliverraduneroliverraduner ✭✭
    edited 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.
  • prabhavathiprabhavathi
    Cool! I too created a custom plugin! Working very well :)
  • cryptoboycryptoboy
    Any chance of either of you two sharing this with one daft danish media designer, less inclined to partake plugin-writing himself? :)
  • oliverraduneroliverraduner ✭✭
    @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).
  • cryptoboycryptoboy
    Looking very much forward to that one indeed, Oliver :)
  • evolucjaevolucja New
    edited 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
  • UnderDogUnderDog MVP
    @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

    There was an error rendering this rich post.

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

    Looking forward to your feedback here.

    Cheers
    Oliver
  • evolucjaevolucja New
    You're awesome. More feedback in plugin's thread.
Sign In or Register to comment.