how to implement jquery.noConflict()

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view

how to implement jquery.noConflict()

can any one please help me out with the following, i have googled alot but i dont know how to solve this problem, problem is when i remove the mootool file the from slideshow A slide show B start working, and when i remove jquery file from slideshow B slideshow A start working, this can be sloved by juery.noconflict(); i have tried be its not working, please help...

Slide show A:

<script type="text/javascript" src="<?=WEB_URL.WEB_HEADER_SLIDE?>_mootools.js"></script>
<script type="text/javascript" src="<?=WEB_URL.WEB_HEADER_SLIDE?>_class.noobSlide-new.js"></script>
<script type="text/javascript"> window.addEvent('domready',function() { //SAMPLE 7 var startItem = 0; //or 0 or any var thumbs_mask = $('thumbs-mask').setStyle('left',(startItem*62-568)+'px').setOpacity(0.8); var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false} var thumbsFx = new Fx.Style(thumbs_mask,'left',fxOptions7); var hs7 = new noobSlide( { box: $('main-slide-box'), items: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14], handles: $ES('span','thumbs-handle'), fxOptions: fxOptions7, autoPlay: true, onWalk: function(currentItem) { thumbsFx.start(currentItem*62-568); }, startItem: startItem }); hs7.walk(0); }); </script>

Slide Show B:

<link rel="stylesheet" type="text/css" href="<?=WEB_URL.WEB_TITLE_SLIDE?>">
<script type="text/javascript" src="<?=WEB_URL.WEB_TITLE_SLIDE?>jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="<?=WEB_URL.WEB_TITLE_SLIDE?>"></script>
<script type="text/javascript"> $(function() { var galleries = $('.ad-gallery').adGallery(); }); </script>