Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: FadeIn Slideshow

  1. #1
    Join Date
    Oct 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question FadeIn Slideshow

    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? Thanks for your help!!!

    aimelie

  2. #2
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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).

    cr3ative
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  3. #3
    Join Date
    Oct 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

    Thanks,

    Leo

  4. #4
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.


    cr3ative
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  5. #5
    Join Date
    Oct 2004
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?
    diannelayne

  6. #6
    Join Date
    Oct 2004
    Location
    Texas
    Posts
    54
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  7. #7
    Join Date
    Oct 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

    Leo

  8. #8
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sure, if you can upload it / post it here, I'll have a look.

    When posting code, always use the [code ] and [/code] tags.

    cr3ative
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  9. #9
    Join Date
    Oct 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!!!

    aimelie
    http://members.cox.net/aronquillo2/lucky.html
    Last edited by Aimelie; 11-04-2004 at 04:40 PM.

  10. #10
    Join Date
    Oct 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Here's the relevant portion of the code:

    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/////////////
    etc....

    Code:
    </script>
    
    <p align="center">&nbsp;</p>
    You can view the page in all of its (dysfunctional) glory here:

    http://members.rogers.com/the_bensons/


    Thanks again.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •