View Full Version : Help with javascript conflict error

09-23-2011, 01:15 AM
Hi all,

I am working on a page that is using an image slider and a scrolling set of images and there seems to be some sort of conflict with the two because they both work on there own but as soon as they are both on the page one stops working.

I have posted the javascript below in the hope that someone can point me in the right direction. I am anovice at best with javascript. I hope someone can help as I have looked everywhere

<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>

<script type="text/javascript" src="js/jqueryslidemenu.js"></script>

<script type="text/javascript">
//$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
<!--<script type="text/javascript" src="/js/common.js"></script>-->
<script type="text/javascript" src="http://simplyscroll.googlecode.com/files/jquery.simplyscroll-1.0.4.min.js"></script>
<link rel="stylesheet" href="jquery.simplyscroll-1.0.4.css" media="all" type="text/css">
<script type="text/javascript">
(function($) {
$(function() {
autoMode: 'loop'


Philip M
09-23-2011, 08:27 AM
This question has been asked and answered a zillion times in this forum.
There are two basic reasons why scripts will not work together.

a) duplication of function and/or variable names between the scripts - the second will over-write the first.
b) multiple onload statements.
See:- http://www.javascriptkit.com/javatut...iplejava.shtml

All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.