Ultimate Fade-in slideshow gives black screen in IE

[apotheke]

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

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

3) Describe problem: I set up our new homepage at www.augustusapotheke.de
The Slideshow Plugin works fine in Firefox, but the window stays black in IE6 + IE8. I cleared the cache and still it won't work. The funny thing in IE6 (not in IE8) is, that if i manually reload the page, it works fine.

Can you spot an error?

[jscheuer1]

This is your problem (around line 73 in your page's source code):

<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>

Since this is only required and effective in IE 5.5 through IE 6, you can fix IE 7 and greater by doing it like so (additions highlighted):

<!--[if lt IE 7]>
<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>
<![endif]-->

That would leave IE 6 and less which will still have this issue. To address that, add the highlighted to your on page script code for the slide show:

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [760, 75], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["aa1.jpg", "", "", ""],
		["aa2.jpg", "", "", ""],
		["aa3.jpg", "", "", ""],
              ["aa4.jpg", "", "", ""],
              ["aa5.jpg", "", "", ""] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: "",
	oninit: function(){
		/*@cc_on @*/
		/*@if(@_jscript_version >= 5)
			var v = navigator.appVersion.match(/MSIE (\d)/);
			if(v && v[1] && v[1] < 7){
				this.showslide(0);
			}
		@end @*/
	}
})


</script>

Be sure not to miss the added comma (red) after togglerid: "".

[apotheke]

Thank you for this solution!!! It works like a charm now...

[taygraphics]

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

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

3) My webpage with the script: http://www.taylor-graphics.net/tsc/index.html

4) Describe problem: I am experiencing the same issue as apotheke. Check out my source code and see where I'm wrong.
(I just placed your code below before the </head> tag, so the web page is displaying fine in IE 6, but I don't have IE 7 or 8, so I don't know if the page displays in those versions:

<!--[if gte IE 6]>
<style type="text/css">
img { behavior: url("iepngfix.htc"); }
</style>
<![endif]-->

[jscheuer1]

<!--[if gte IE 6]>
<style type="text/css">
img { behavior: url("iepngfix.htc"); }
</style>
<![endif]-->

Should be:

<!--[if lt IE 7]>
<style type="text/css">
img { behavior: url("iepngfix.htc"); }
</style>
<![endif]-->

and you should remove this line:

img, div { behavior: url(iepngfix.htc) }

from your on page styles.

Once you've made these changes, clear your IE 6 browser's cache. Things should still be fine in that browser. And let me know so I can check it in later IE versions. Currently it is displaying a black area in IE 7 and 8.