PDA

View Full Version : Ultimate Fade In Slideshow not working in IE6 and IE7



kkruse
01-13-2011, 01:58 PM
1) Ultimate Fade In Slideshow v2.0-

2) http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am using this slideshow on my website www.optex-ramco.com. I am getting user feedback that the slide show does not show up in IE6 or IE7, its just a blank spot. Not sure what I did, I just copied the code exactly. I am fairly new to Javascript and would love to have some immediate help with this. It is greatly appreciated.

Sincerely,
Kim:confused:

jscheuer1
01-13-2011, 02:46 PM
Get rid of the red comma (from the page's source code):


<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [1024, 382], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/ind-banner1.jpg", "http://www.optex-ramco.com/transparent.html", "target_self"],
["images/prod-banner1.jpg", "http://www.optex-ramco.com/laser-measurement.html", "target_self"],
["images/ind-banner2.jpg","http://www.optex-ramco.com/laser.html", "target_self"],
["images/prod-banner2.jpg","http://www.optex-ramco.com/fiber.html" , "target_self"],
["images/ind-banner3.jpg", "http://www.optex-ramco.com/photo-electric-dc.html" , "target_self"],
["images/prod-banner3.jpg","http://www.optex-ramco.com/photo-electric-dc.html" , "target_self"]
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: true, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)

})

Notes: This is a technical error (no comma allowed after the last entry in an array or object) for which all modern browsers will auto correct for you. With IE (at least for an object as is the case here), that starts at version 8. Others have been correcting for this for years.