View Full Version : Fade in Slideshow v2 not working in IE

10-16-2010, 11:02 PM
1) Script Title: Ultimate Fade In Slideshow v2.0-

2) Script URL (on DD):

3) Describe problem:

Hey guys,

Seems like i'm one of many others who has problems with this script in IE (Firefox works fine).
Unfortunately my site isn't hosted yet but I will copy relevant parts.

Head section

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/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 type="text/javascript" src="js/slideshow.js"></script>


slideshow code
var mygallery=new fadeSlideShow({
wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
dimensions: [900, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["Images/image1.jpg", "", "", "Edible Marketing Boutique business card"],
["Images/image2.jpg", "", "", "That Gingerbread Place logo"],
["Images/image3.jpg", "", "", "Funky abstract background"],
["Images/image4.jpg", "http://www.kasiabarglowska.com", "_new", "Portfolio of Kasia Barglowska, textile designer"],
["Images/image5.jpg", "http://www.naturebeautysoul.com.au", "_new", "Nature Beauty Soul website"]
/* LINKING IMAGE ["Images/image3.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],*/
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""

I have tried to follow every tip I've seen about making it work but still no luck. If you can see a problem in the code please let me know otherwise it may be a browser issue.

Thanks in advance!


10-17-2010, 01:48 AM
It may not be anything to do with the code you've shown (I checked the slideshow.js code and it looks good, assuming the other script is unedited, it should be fine as well).

It might be a problem with your HTML code, any or a combination of one or more of several possibilities might be at issue, and/or a conflict with another script or scripts.

The code does work in IE though. View the demo page in IE. If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.

10-17-2010, 05:52 AM
Thanks for getting back to me so quick.

I have attached the XHTML code for the page which uses the script. Please excuse all the CSS, I have not yet cleaned up.

Just for quick reference this is where the script is called.

<div id="main">
<div id="slideshow">
</div><!--Main -->

10-17-2010, 08:13 AM
Please post a link to a page on your site that contains the problematic code so we can check it out.