View Full Version : FadeIn Slideshow

10-28-2004, 04:40 PM
Hi!! I'm making my first webpage and am having trouble with the FadeIn Slideshow. I have it on my webpage and it's running fine. The only problem I have is it's location. I copied the scripts from this web site and pasted it onto my Notepad. I added my pictures onto the scripts and then opened up Internet Explorer to view my web page. The slideshow was put on the top left hand corner of the page. I looked through the code, a tried to find where the location is (i guess I'm too new at this to recognize it) Anyway, does anyone know how I can change the location to the bottom right hand corner? :o Thanks for your help!!!


10-28-2004, 04:47 PM
Just insert the script chunk wherever you want it to appear (in Frontpage, click to where you want it in the Design view, go to the HTML tab and insert it there).


uncle leo
10-28-2004, 09:53 PM
cr3ative, I don't understand your reply. I want to do a similar thing (center the slide show), once I get my slide show to work (see an earlier post of mine) but I don't get (in Frontpage, click to where you want it in the Design view, go to the HTML tab and insert it there). I use Frontpage...where is the Design View?



10-29-2004, 05:54 AM
Ok, I'll try another way :)

Click to where you want it on the page under FrontPage.
Go to Insert > Web Component... > Advanced Controls > HTML

And paste the code in the resulting box.


10-29-2004, 01:11 PM
I've got the fade in slide show working nicely but want to adjust the fade rate (to be slow and fade more?0 Can you tell me how to do that?

10-29-2004, 01:46 PM
The following controls the speed of the rotation

var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

For a longer pause, change it to 5000 and see if that's long enough.

uncle leo
10-30-2004, 02:34 PM
The page works, although it is still not centered, even after (I think) I did what you suggested. maybe if you take a look at the code you can see where I went amiss.


10-30-2004, 04:12 PM
Sure, if you can upload it / post it here, I'll have a look.

When posting code, always use the
and tags.


11-01-2004, 05:42 PM
Hey, thanks for your help. I tried doing what you said, but just couldn't get it how I wanted it. I'm not using Frontpage or anything like that, just Notepad and IE. I still have it on the left side, but I put it towards the middle of the page and it seems to work out fine. Anyway, thanks again!!!


uncle leo
11-02-2004, 08:42 PM
Here's the relevant portion of the code:

<p align="center"><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript1.2">

//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width='410px' //SET IMAGE WIDTH
var slideshow_height='211px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]= "http://members.rogers.com/the_bensons/welcome cougars den1.JPG"
fadeimages[1]= "http://members.rogers.com/the_bensons/ss1.JPG"
fadeimages[2]= "http://members.rogers.com/the_bensons/ss2.JPG"
fadeimages[3]= "http://members.rogers.com/the_bensons/ss4.JPG"
fadeimages[4]= "http://members.rogers.com/the_bensons/ss3.JPG"
fadeimages[5]= "http://members.rogers.com/the_bensons/ss5.JPG"

////NO need to edit beyond here/////////////



<p align="center">&nbsp;</p>

You can view the page in all of its (dysfunctional) glory here:


Thanks again.

11-03-2004, 07:13 PM
Here's a fixed copy. See attachment.

I just put it in a <div> tag, it seems to like it.


*laughs at response below, but isn't going to make a new post to avoid spamming*

uncle leo
11-04-2004, 10:26 PM
smarty pants :)