PDA

View Full Version : Ultimate Fade-in slideshow gives black screen in IE



apotheke
01-23-2010, 09:08 AM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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
01-23-2010, 10:54 AM
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
01-25-2010, 12:49 PM
Thank you for this solution!!! It works like a charm now...

taygraphics
02-02-2010, 09:04 PM
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
02-03-2010, 02:43 AM
<!--[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.