Hi, I am unable to get jquery and the barackslideshow working on the same page. I have been struggling for hours and it is an urgent thing. I researched and found the noConflict and after a while realized the correct order to put it in for it to work. And it works great - in Chrome and Firefox. In I.E. the barackslideshow I have doesn't fade out it just jumps to the next image with no transition. Here is my code:
<CODE> <script type="text/javascript" charset="utf-8" src="js/mootools-1.2.1- core-yc.js"></script> <script type="text/javascript" charset="utf-8" src="js/ mootools-1.2.2.2-more.js"></script> <script type="text/javascript" charset="utf-8" src="js/jquery.js"></ script> <script>jQuery.noConflict();</script> <script type="text/javascript" charset="utf-8" src="js/ Fx.MorphList.js"></script> <script type="text/javascript" charset="utf-8" src="js/ BarackSlideshow.js"></script> <script> window.addEvent('domready', function(){ var slideshow = new BarackSlideshow('menu', 'pictures', 'loading', {transition: 'fade', autostart: true, auto: true, tween: { duration: 2500 }, autointerval: 4000 }); }); </script> <script> function refreshContent(section) { jQuery("#section").fadeOut("slow", function(){ jQuery("#section").load("ajaxcontent.php?section="+section,false, function() { jQuery("#section").fadeIn("slow"); }); }) return false; } </script> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ var Lst; function CngClass(obj){ if (Lst) Lst.className=''; obj.className='active'; Lst=obj; } /*]]>*/ </script> </CODE> I would appreciate any help!!! Thanks, Ryan