PDA

View Full Version : fadeslideshow not working in IE



bobafitz
07-14-2011, 09:41 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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/1.4.2/jquery.min.js

=========================================================
Page code as follow:

<!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

jscheuer1
07-15-2011, 06:54 AM
Update to jQuery 1.6.2 - change:


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

to:


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

bobafitz
07-15-2011, 06:11 PM
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