WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] Conflict with basic jquery wordpress (4 posts)

  1. e_kingstone
    Member
    Posted 8 months ago #

    Hi,

    Thank you for the wonderful plugin, but i cannot get it to work with my theme that already has fancybox in it but it didn't worked for videos it went directly to the video page...

    When i use <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
    it works but when i use the default one:
    <script type='text/javascript' src='http://mysite.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
    it doesn't :( .

    PS: Also can you please tell us what tools you use to find out the errors so fast? or is it simply experience and genius? I think it will be very helpful, since we could debug a lot of errors ourselves and free up more of your time :)

    http://wordpress.org/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 7 months ago #

    Hi, sorry but if your theme has FancyBox already integrated, adding my plugin is asking for conflicts. Disable my plugin and try the following for your Youtube links. Not: I suppose you are using Youtube here but if you are using another video host, a similar method applies.

    Go to the Youtube video page and open the Share options. Find the iframe (!) embed code there and extract the URL that is used for the src="..." attribute inside that code. Use that URL to create a link in your site and give that link the parameter class="fancybox iframe" (note: there is a space between fancybox and iframe!)

    About my debugging methods, I can recommend installing the Opera browser and visiting your site in that. Then right-click anywhere ans select "Inspect Element" to open the Dragonfly debugging tool. It has some nice tabs that will show you (script and other) errors that occur on your site. You can also right-click anywhere and choose "Show page source" which will not only show you the page source but also allow you to edit it!!! This is a really neat tool to quickly test some changes to see if they indeed solve the issues you are seeing.

  3. e_kingstone
    Member
    Posted 7 months ago #

    Thank you for the helpful response, i managed to "trick it" by using the default plugin and at the end of the src i've added ".png" so it things it's an image and it works, not the best way of course but definitely works!

    Thank you for the debugging hints, i never though opera was so good at this, i used chrome inspector, but opera looks nicer and has more functionality like source code editing, priceless! :)

    Thank you again for the great plugin!

  4. RavanH
    Member
    Plugin Author

    Posted 7 months ago #

    Good to hear you worked around it. Usage of class="fancybox iframe" should make fancybox bind to the link and make it aware of the fact that it is iframe content at the same time. Try it :)

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.