View Full Version : Blending Slide Show

06-03-2007, 01:45 AM
1) Script Title: Blending Side Show

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

3) Describe problem: Photos aren't showing up.

I'm not sure how to change this :

"Inside the code, modify the HTML so the src property correctly points to the first image within the slide."

Could someone point me in the right direction and what I need to enter in it.

I know in one of the other scripts I have to enter the path ie. images/image1but this doesn't look the same.

Newbie at this script.

06-03-2007, 01:49 AM
In this part of the code:

<a href="javascript:gotoshow()"><img src="image1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=97 height=100></a>

Simply edit image1.gif (indicated in red) to point to your first image in the slideshow. Then edit the rest of the code to point to the images (in the array below)

//specify images
var slideimages=new Array("image1.gif","image2.gif","image3.gif")

Hope this helps.

06-03-2007, 02:07 AM
Thanks, but it didn't work.

my link is www.briarpatchkennel.com maybe you can figure out what I did wrong?

I changed what you said. My pictures are jpeg, but that shouldn't matter right? I changed the extensions.

06-03-2007, 02:16 AM
Ok, looking at your link; and going through your source code, I have come up with this:

this goes in the javascript (in between the <head> tags)

//specify images
var slideimages=new Array("images/image1.jpg","images/image2.jpg","images/image3.jpg")

and this goes in the body (where the slideshow begins)

<a href="javascript:gotoshow()"><img src="images/image1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=97 height=100></a>

That should do it.

06-03-2007, 02:21 AM
Thank You! :)

It's working now.

Thanks again.

06-03-2007, 02:23 AM
No Problem. Let us know if you need any more help.