Results 1 to 3 of 3

Thread: fadeslideshow not working in IE

  1. #1
    Join Date
    Jan 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default fadeslideshow not working in IE

    1) Script Title: Ultimate Fade-in slideshow (v2.4)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem:http://www.ullapoolbakery.co.uk/adesign not loading in IE but working in ff and safari, recieve error as follows:

    =========================================================
    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Timestamp: Thu, 14 Jul 2011 21:34:42 UTC


    Message: Invalid argument.
    Line: 116
    Char: 165
    Code: 0
    URI: http://ajax.googleapis.com/ajax/libs.../jquery.min.js

    =========================================================
    Page code as follow:
    Code:
    <!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=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css"> 
    <!--
    body {
    	background-image: url(pieces/bg1.jpg);
    	background-repeat: repeat-x;
    	margin-top: 0px;
    }
    #wrapper {
    	width: 800px;
    	margin-right: auto;
    	margin-left: auto;
    	margin-top: 0px;
    }
    #logo {
    	float: left;
    	width: 210px;
    }
    #header {
    	height: 155px;
    	width: 800px;
    	margin-top: 0px;
    }
    #menu {
    	float: left;
    	height: 26px;
    	width: 300px;
    	clear: none;
    	margin-bottom: 4px;
    }
    #contacttop {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	color: #38ADE3;
    	float: right;
    	width: 400px;
    	text-align: right;
    }
    #main {
    	width: 800px;
    	float: left;
    	margin-top: 10px;
    }
    #fadeshow1 {
    	clear: both;
    	height: 331px;
    	width: 800px;
    }
    #text {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-style: normal;
    	line-height: 22px;
    	width: 800px;
    	clear: both;
    }
    #left {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-style: normal;
    	line-height: 20px;
    	color: #666;
    	float: left;
    	height: auto;
    	width: 475px;
    	padding-right: 60px;
    }
    #links {
    	width: 800px;
    	clear: both;
    	height: auto;
    }
    #portfolio {
    	float: left;
    	width: 165px;
    }
    #packages {
    	width: 165px;
    	clear: right;
    	float: left;
    }
    #contact {
    	clear: right;
    	float: left;
    	width: 150px;
    }
    #right {
    	width: 250px;
    	float: right;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	line-height: 26px;
    	color: #999;
    	font-weight: normal;
    }
    .blue_title {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 38px;
    	line-height: 40px;
    	font-weight: bold;
    	color: #38ADE3;
    }
    #hright {
    	float: right;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	color: #38ACE2;
    	text-align: right;
    	line-height: 22px;
    	padding-top: 35px;
    }
    #hot {
    	height: 240px;
    	width: 485px;
    	clear: both;
    	padding-top: 30px;
    	background-image: url(pieces/hot-bg.jpg);
    	background-repeat: no-repeat;
    }
    #packagestext {
    	padding-left: 16px;
    	padding-right: 30px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	line-height: 14px;
    	color: #666;
    	height: 100px;
    	margin: 0px;
    }
    -->
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
     
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     
    <script type="text/javascript" src="fadeslideshow.js"> 
     
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
     
    </script>
     
    <script type="text/javascript"> 
     
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [800, 331], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["pieces/banner/banner1.jpg"],
    		["pieces/banner/banner2.jpg"],
    		["pieces/banner/banner3.jpg"],
    		["pieces/banner/banner4.jpg"] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 2500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
     
     
    </script>
     
    </head>
     
    <body>
    <div id="wrapper">
    <div id="header">
      <div id="logo"><img src="pieces/logo1.png" width="210" height="141" alt="logo" /></div>
      <div id="hright">
        <img src="pieces/tag1.png" alt="tag" width="153" height="72" vspace="5" /><br />
          
    </div>
    </div>
     
      <div id="menu">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#packages">Packages</a>      </li>
          <li><a href="#portfolio">Portfolio</a></li>
          <li><a href="#about">About</a>      </li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div>
      <div id="contacttop"><strong>ADesign</strong>/bespoke design/web/print | <strong>get in touch</strong> <img src="pieces/quote-contact1.png" alt="contact icon" width="31" height="24" align="absmiddle" /></p></div>
    <div id="fadeshow1"></div>
    <div id="text">     <div id="right"><img src="pieces/testimonials.jpg" alt="testimonials icon" width="138" height="69" vspace="15" /><br />
        <img src="pieces/quote.png" width="31" height="29" alt="quotation mark" /> Adesign helped my small business get off to a real running start. The advice was first class and website was just what i wanted for my company. you can really trust Adesign to give you great design at a great price<img src="pieces/quote-finish.png" alt="quotation mark" width="31" height="23" align="absbottom" /></p>
      </div>
      <div id="left">
     
          <span class="blue_title">We are here for you.</span>
          <p><strong>If you need a professional, tailor made great value for money website, Adesign are here for you every step of the way.        </strong></p>
          <p>Adesign will work with you to create a site that truly is ‘your site’ and with every site being bespoke it means your site is ‘the one and only’. With a clean and professional approach to web deisgn you can be sure that the finished site will be an excellent balance of both form and function.        </p>
          <p>Adesign specialise in creating websites for small/startup companies who need a helping hand to get themselves up and running online. However big your business is,  there really is no alternative to having an online presence to direct your customers to. With a domain name, one years hosting and email all included you will be ready to go in no time.        </p>
          <p>If you need general advice, help understanding technical gobbledygook or want to discuss what you have in mind, then get in touch and it wont cost you a penny for our thoughts. ADesign are here to help you.        </p>
        <p><strong>So there you have it, a professional, fully bespoke website all for a great  price.</strong></p>
        </div>
      <div id="hot">
        <div id="portfolio">
          <img src="pieces/portfolio.png" width="131" height="77" alt="portfolio" />
          <div id="packagestext">
            <img src="pieces/quote.png" width="16" height="14" alt="quotation mark" /> Check out Adesign's<strong> latest projects</strong> and see what we can do. <img src="pieces/quote-finish.png" alt="quotation mark" width="16" height="14" align="absbottom" /></p>
            <p></p>
          </div><img src="pieces/learn.jpg" alt="learn more" width="78" height="17" hspace="16" />
        </div>
          <div id="packages">
            <img src="pieces/packages.png" width="134" height="77" alt="packages icon" />
            <div id="packagestext">
              <strong><img src="pieces/quote.png" width="16" height="14" alt="quotation mark" /> Bespoke design</strong> comes with a bespoke price, but rest assured it will be great value. Here is a sample of what you can do for you.<img src="pieces/quote-finish.png" alt="quotation mark" width="16" height="14" align="absbottom" /></p>
            </div><img src="pieces/learn.jpg" alt="learn more" width="78" height="17" hspace="16" />
          </div>
          <div id="contact">
            <img src="pieces/contact.png" width="127" height="77" alt="contact" />
            <div id="packagestext">
            <img src="pieces/quote.png" width="16" height="14" alt="quotation mark" /> The best way to get in touch is to use the online form.<img src="pieces/quote-finish.png" alt="quotation mark" width="16" height="14" align="absbottom" /></p>
            <p></p></div><img src="pieces/learn.jpg" alt="learn more" width="78" height="17" hspace="16" />
          </div>
          </div>
    </div>
    </div>
    <script type="text/javascript"> 
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    Would apprieciate any help

    thanks
    alli

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    Update to jQuery 1.6.2 - change:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    to:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Worked a treat, thanks john.

    Also can i just say the support for dd scripts on this forum is great and a real lifesaver. i have used many scripts and now and then needed support, and always have had a quick and useful reply. good work

Bookmarks

Posting Permissions

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