Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with javascript conflict error

    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



    Code:
    <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">
    	$(document).ready(function(){
    		//$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    		$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    	});
    </script>
    
    
    
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> 
    </script>
    <!--<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() {
    		$("#scroller").simplyScroll({
    			autoMode: 'loop'
    		});
    		
    	});
    })(jQuery);
    </script>

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,149
    Thanks
    203
    Thanked 2,547 Times in 2,525 Posts
    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
    http://www.dyn-web.com/tutorials/combine.php


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

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •