PDA

View Full Version : Ultimate Fade-in slideshow (v2.1)



ingi
05-18-2010, 11:29 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:
slideshow works fine in Firefox and Safari BUT NOT in Internet Explorer

URL
(I have made one change to the original fadeshow : changing the BG color to fff as the default: transparent did not work)
paulmarshall.se/testsite/js/fadeslideshow.js
(I have mad separate gallerys for my script, gallery1.js, gallery2 etc)
paulmarshall.se/testsite/js/mygallery.js

Need help - I'm a rookie in web developement and confused:
\ingi

azoomer
05-18-2010, 02:31 PM
Hi ingi
I tried your files in IE. Had to remove one comma: see below

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [500, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["./img/home01.jpg"],
["./img/home02.jpg"] // <--- here you had an extra comma, that i removed

],
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: "always",
togglerid: "fadeshow1toggler"
})

And finally i removed the html comment tag from your on page css, like this


<style type="text/css">
#apDiv1 {
position:absolute;
left:461px;
top:583px;
width:79px;
height:71px;
z-index:2;
visibility: visible;
}
#apDiv2 {
position:absolute;
left:440px;
top:512px;
width:84px;
height:71px;
z-index:1;
visibility: visible;
}
</style>

That way i got it working in internet explorer. Try it out and see if it works. ( note that i had to change image paths to get it going on my computer so don't copy the above code)

ingi
05-18-2010, 08:57 PM
Fantastic - it's working. I would never been able to trace the errors myself.
Thanks for solving this problem quicker than expected!
all the best /ingi