Need help by a javascript Ninja - have two .js menu and slideshow - broken

JavaScript
1

Hi,

Am in need of a ninja.

I copy/pasted two javascript codes together (jquery cycle, and a mootools )… for a menu effect and a slideshow.

They work great - however not together.

I have been searching online and how I am an experienced web designer, javascript/coding isnt what I am best at yet.

I already tried the <body onload();this:> but I am not sure if this works/what functions to write in the spot.

the website is currently this

www.giosny.com

The home/gallery pages are broken - they slideshow is working but the navigation isnt// - you can see the navigation menu effect working on the directions and contact page.

I am in your hands! - any tips/ advice also greatly appriciated.

-O

2

Now, I dont know if this is the correct way to NINJA it.

But I found this to work, and might be useful so here it is…

just add this code after your javascript includes.

<script>
jQuery.noConflict();

 // Use jQuery via jQuery(...)
 jQuery(document).ready(function(){
   jQuery("slideshow").hide();
 });

</script>

And change where it says “slideshow” to the div that you only want jquery to target its effects.

-O

3

Even better than that is to provide $ as a function parameter, so that you can use $ for jQuery from within the document ready part.

This information is on the jQuery.noConflict() documentation page.


<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>