WordPress.org

1. baggi-t
   Member
   Posted 11 months 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

Reply

You must log in to post.