Many Swiss Army slideshows on one website

[judeabb]

1) Script Title: Swiss Army Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem: I've got the slideshow working beautifully on the following page:http://www.corinnesilva.com/new/slide0.php (http://www.corinnesilva.com/new/slide0.php)
So now I'm trying to work out how to configure the slideshow for another page on the same site - http://www.corinnesilva.com/new/roisin.php and all I get is a blank page.
I kind of know there's a really simple answer to this, but I've gone round in circles on it all morning, so am asking for help.

Thanks,

Jude x

[jscheuer1]

Your main problem is an extra [ at the beginning of each array item declaration:


var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
[slides2[0] = ["roisinban/text2.gif", "<b>Róisín Bán</b><br><br>"];
[slides2[1] = ["roisinban/poem.gif", "<b>Róisín Bán</b><br><br>"];
[slides2[2] = ["roisinban/roisin_ban_001.jpg", "<b>Róisín Bán</b><br><br>Emigrants return to the USA from Shannon airport after a visit home 1968"];
[slides2[3] = ["roisinban/roisin_ban_002.jpg", "<b>Róisín Bán</b><br><br>Tallaghan Bawn Geesala, County Mayo, 1957"];

However, once that's fixed, you will notice that your custom styles are not working. That's because even though you've named the array sildes2, it doesn't change the fact that this is the first slideshow on the page, its style hooks should end in 0, not 2, for example:


#controls2 {width: 505px; float: left; text-align: center; margin-top: 13px; }

should be:


#controls0 {width: 505px; float: left; text-align: center; margin-top: 13px; }

[judeabb]

Oh so simple! I knew it would be. I can't see the wood for the trees half the time.

Thank you.

Jude x