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

Reply via email to