Results 1 to 3 of 3

Thread: Ultimate Fade-in slideshow (v2.1)

  1. #1
    Join Date
    May 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.1)

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

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.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

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Hi ingi
    I tried your files in IE. Had to remove one comma: see below
    Code:
    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

    Code:
    <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)

  3. The Following User Says Thank You to azoomer For This Useful Post:

    ingi (05-19-2010)

  4. #3
    Join Date
    May 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Problem solved!

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •