PDA

View Full Version : Syntax explanation for Slideshow images- please!



stevea7777
08-03-2009, 05:40 PM
1) Script Title: Ulitmate Fade-in Slideshow

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

3) Describe problem: I somehow am not getting more than three images to rotate even though they're uploaded with images1-6.jpg

If someone could explain exactly what the array part of the script should be configured I'd really appreciate it. Do I need to only have three images in a folder on the server and then put three more in a different folder or can I add as many images in a folder as long as they are all in the script?

What I did was replace "photo1.jpg" in the script below with the URL of the image on the server. I did the same for photo2 and photo3. My questions is... can I just copy and paste the same line for photo4-6 or do I have to put them into "fadeimages2" ?
Can someone please help a newbie. thanks.



var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

ddadmin
08-03-2009, 09:45 PM
You can definitely have more than 3 images in your slideshow. Just remember to increment the array for it (ie: fadeimages) when specifying the additional images. For example:


var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
fadeimages[3]=["photo4.jpg", "", ""] //plain image syntax
fadeimages[4]=["photo5.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages[5]=["photo6.jpg", "", ""] //plain image syntax