JavaScript Forum

**acknowledged74** · 07-22-2010, 01:24 PM

Hi

Thank again for the couple of members that took the time to reply.

I have found a slider/scroller resource and adapted it for my website, please see below:

http://www.acknowledgedtest.info/home-slider.html

The problem is that I have had to remove the following js from the bottom of the <body>;

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.nivo.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/Geometr231_Hv_BT_400.font.js"></script>
<script type="text/javascript" src="js/script.js"></script>

and without this the main image banner animation will not work. How can I have both working?

If I replace the js above the top banner animation works perfectly but then the 3 box slider at the bottom doesn't ?

http://www.acknowledgedtest.info/index2.html

ARGGGGGGG so close yet not...

Please help me, how can I get both to work on the page together, or is there another way around this.

thanks

Ash

**stbuchok** · 07-22-2010, 02:16 PM

You may have to find out if there are any duplicate function names the might be overriding each other. Also are there any errors that come up or does it just stop working?

**acknowledged74** · 07-22-2010, 02:21 PM

just doesn't work at all.
I take it other than duplicates there no reason 2 javascript can't run on same page?

**stbuchok** · 07-22-2010, 03:02 PM

If you are not getting any errors and the scripts just don't work together but do separately, I'd say it's conflicting names somewhere (global variables, function names)?

Have fun looking.

**acknowledged74** · 07-22-2010, 06:48 PM

Oh OK sorry I included the index2.html just to show how the top scroller works as it didn't on the other.

The Premiere Opticians now has everything on it, the top animation works fine but when you click 'next' on the text box slider underneath, the slide/scroll doesn't take place.

I've added all the js files (as mentioned on the original post) one at a time and it definitely seems to be the "js/jquery.js" that's causing the problems, I presume it a conflict somewhere but my experience is with Xhtml and Css, my js knowledge isn't so good ?

The slider should work like this by the way;

Horizontal Carousel

**stbuchok** · 07-23-2010, 07:38 AM

Looks like there is an issue with the fact that the mootools slider uses declares $ and is causing a incompatibilities. Try looking at this page and follow the instructions.

http://api.jquery.com/jQuery.noConflict/

**stbuchok** · 07-29-2010, 07:38 AM

Thanks ccarltonn45 for copying and pasting what I said above, thanks for adding nothing.