WordPress.org

Ready to get started?Download WordPress

Forums

how to jquery noconflict (1 post)

  1. baggi-t
    Member
    Posted 3 years ago #

    I have a jquery plugin conflict in WordPress which I need some help with. On my test page at: http://timbaggaley.co.uk/test/ I have installed the Easy Fancybox plugin for image and video presentation. It worked fine until I installed the jquery backstretch plugin using this code posted into a Javascript adder widget:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.timbaggaley.co.uk/js-includes/jq_backstretch/jquery.backstretch.js"></script>
    <script type="text/javascript">
      $.backstretch("http://timbaggaley.co.uk/backstretch/pic4.jpg", {speed: 150});
    </script>

    As you will see, the backstretch works but the Fancybox does not. To get the two plugins to work together I know I need to use jquery noconflict but I am a complete programming novice and I have been unable to figure out how to do this. Can anyone help me with some copy 'n' paste idiot-proof guidance on how to implement the noconflict trick into my website?

    Thanks
    Tim, London

Topic Closed

This topic has been closed to new replies.

About this Topic