auto fade slide show

assirose · **Joined:** Mon Jun 28, 2010 10:23 pm **Posts:** 6

Hello, I am trying to upload the Auto Fading slide, I have uploaded the images on a folder called 'images' and I can see them separately (http://assirose.com/images/gig2.jpg)
but the slide doesn't work, I pasted this code to the HTML snippet- can you see anything wrong? thank you

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://assirose.com/fadeslideshow/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1",
dimensions: [640, 480],
imagearray: [
["http://assirose.com/images/gig1.jpg", "", "", ""],
["http://assirose.com/images/gig2.jpg", "", "", ""]
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
persist: false,
fadeduration: 500,
descreveal: "ondemand",
togglerid: ""
})

</script>
</head>
<body>
<div id="fadeshow1"></div>
</body>
</html>

iWebFAQ · **Posted:** Wed Aug 11, 2010 4:03 pm

Your code works perfectly:
http://iwebfaq.org/test1/Blank_3.html

I just copied the code, pasted it in an HTML Snippet and it worked.

Regards,
Cédric

mcokas · **Joined:** Tue Oct 05, 2010 4:12 pm **Posts:** 3

Hi Cédric,
I just bought your ebook - thanks so much, well worth the investment.

So, I just went through the steps to upload the auto fade slide show. I've read through the instructions several times and I've been trying to trouble shoot, but I just can't see what I'm missing. I've double checked the picture addresses. The page where the slideshow should be displaying is: http://www.valleymalt.com/Valley_Malt/gallery_2.html
I have included the following code as an HTML snippet on the page:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.valleymalt.com/fadeslideshow/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1",
dimensions: [640, 480],
imagearray: [
["http://www.valleymalt.com/images/DSC_0028.jpg", "", "_top", "A Beautiful Day for Barley"],
["http://www.valleymalt.com/images/DSC_0031.jpg", "", "_top", "Weeeeeeeeeeeee"],
["http://www.valleymalt.com/images/DSC_0037.jpg", "", "_top", "Bouncing Barley"],
["http://www.valleymalt.com/images/DSC_0050.jpg", "", "_top", "The Malthouse"],
["http://www.valleymalt.com/images/DSC_0079.jpg", "", "_top", "Workin' It"],
["http://www.valleymalt.com/images/IMG_0182.jpg", "", "_top", "Loading Up the Eurovan"],
["http://www.valleymalt.com/images/IMG_0183.jpg", "", "_top", "Seed, Glorious Seed"],
["http://www.valleymalt.com/images/IMG_0185.jpg", "", "_top", "Tasia 'Holdin' It Down'"],
["http://www.valleymalt.com/images/IMG_0238.jpg", "", "_top", "Planted"],
["http://www.valleymalt.com/images/IMG_0240.jpg", "", "_top", "And We Have Growth"],
["http://www.valleymalt.com/images/IMG_0241.jpg", "", "_top", "It's Barley My Friends"],
["http://www.valleymalt.com/images/IMG_0323.jpg", "", "_top", "Fields of Grain],
["http://www.valleymalt.com/images/IMG_0360.jpg", "", "_top", "Harvest Time"],
["http://www.valleymalt.com/images/IMG_0363.jpg", "", "_top", "Fill'er Up!"],
["http://www.valleymalt.com/images/IMG_8595.jpg", "", "_top", "We Do Love Our Beer"],
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
persist: false,
fadeduration: 500,
descreveal: "ondemand",
togglerid: ""
})

</script>
</head>
<body>
<div id="fadeshow1"></div>
</body>
</html>

Any ideas where I've gone wrong?
Many Thanks,
Melissa

iWebFAQ · **Posted:** Tue Oct 05, 2010 5:22 pm

Hi Melissa,

thank you very much for buying the book. I'm glad you like it. If there's anything you would like to see discussed in a future version please don't hesitate to let me know.

The problem is in the descriptions. Under

["http://www.valleymalt.com/images/IMG_0323.jpg", "", "_top", "Fields of Grain],

the closing quote is missing. It should read

["http://www.valleymalt.com/images/IMG_0323.jpg", "", "_top", "Fields of Grain"],

hence close the quotes after Grain. Then it should work.

Regards,
Cédric

mcokas · **Joined:** Tue Oct 05, 2010 4:12 pm **Posts:** 3

Ahh, brilliant! Thanks a million.
Melissa