CSS Codes
CSS Layouts
Results 1 to 3 of 3

Thread: fadeslideshow not working in IE

  1. 07-14-2011, 09:41 PM #1
    bobafitz
    bobafitz is offline Junior Coders
    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
    Reply With Quote Reply With Quote
  2. 07-15-2011, 06:54 AM #2
    jscheuer1's Avatar
    jscheuer1
    jscheuer1 is offline Global Moderator
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 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
    Reply With Quote Reply With Quote
  3. 07-15-2011, 06:11 PM #3
    bobafitz
    bobafitz is offline Junior Coders
    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
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

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
  •  

Forum Rules