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 3 of 3
  1. #1
    New Coder
    Join Date
    May 2008
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Slideshow and Menu conflict

    I wonder if anyone can spot the problem I have. I am not an expert when it comes to javascript.

    I have 2 scripts running on the same page and these are conflicting in IE6 and IE7, but the page works in IE8. I am using cubecart and making my own skin up, so need to fix this issue as the drop down menu just will not work.

    I am not sure why it is not working, hopefully someone can spot the obvious.

    Here is the header of my page with the cubecart information added:

    Code:
    <!-- BEGIN: body -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />
    <title>{META_TITLE}</title>
    <meta name="description" content="{META_DESC}" />
    <meta name="keywords" content="{META_KEYWORDS}" />
    
    <link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />
    <link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />
    <link href="skins/{VAL_SKIN}/styleSheets/superfish.css" rel="stylesheet" type="text/css" />
    <!--[if IE]>
    <link href="skins/{VAL_SKIN}/styleSheets/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
    <script type="text/javascript">
    	// initialise plugins
    	jQuery(function(){
    		jQuery('ul.sf-menu').superfish();
    	});
    </script>
    <script type="text/javascript">
    	$(document).ready(function() {
    	    $('.slideshow').cycle({
    			fx:'fade',
    			speed:1000
    		});
    	});
    </script>
    <script type="text/javascript">
     var RecaptchaOptions = {
        theme : 'custom'
     }
    </script>
    </head>
    What happens in IE6 and 7 is when you scroll over the list where the drop down should appear, it does not appear correct, the slideshow images seem to be blocking it, you can just see a faint menu that then disappears. In IE8 it works fine, so not sure what it is?

  • #2
    New Coder
    Join Date
    May 2008
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Can anyone help? I think this is to do with a jquery conflict, but dont know how to fix this!

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,798
    Thanks
    8
    Thanked 131 Times in 129 Posts
    A link would help so we can see what error is being produced.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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