Support » Plugins and Hacks » how to jquery noconflict

how to jquery noconflict

  • 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});

    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?

    Tim, London

  • The topic ‘how to jquery noconflict’ is closed to new replies.