www.webdeveloper.com
+ Reply to Thread
Page 1 of 2 1 2 LastLast
Results 1 to 15 of 16
  1. #1
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53

    Continuous Horizontal Scrolling Images

    Hiya,

    I'm trying to put a Continuous Horizontal Image Scroller into a web site I'm doing. I've had help from you guys doing it before, but it was a couple of years ago and since then, my computer crashed and I lost the script.

    I just want a group of photo's to continuously scroll (in a loop) along the top of the home page - no links or anything.

    I've also forgotten completely how I got it all up and working once I had the script. Is there any kind person out there that could help me out..........again.....please? And I promise to save it to disc this time!

    Thanks,

    Alison

  2. #2
    Join Date
    Oct 2006
    Posts
    939
    Put all the images in an array and then learn about push() and slice()

  3. #3
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    See if this one is any good for you

    http://www.huntingground.freeserve.c...mgscroll3h.htm
    The Silent One

    The most dangerous thing in the world is an idea.
    The most dangerous person in the world is one with an idea

  4. #4
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53
    Thank you - I'll give that a go. I hope I don't encounter the same problems as last time - every time I put the script in the <head> it jumped down to <body> and all I got was the HTML code. I'm a complete novice at this (probably worse than a novice to be honest!!).

  5. #5
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53
    Sorry to be a pain. Mr J - I couldn't get that script to work - I got the same problem I had the last time - even though I'm putting it in <head>, it's jumping into <body> and all I can see is the code on the web page.

    I did a bit of searching on here and I found the old script that I got. I managed to get it to work, but, the text on the navigation buttons on the homepage is disappearing though the links are still there.

    Does anyone have any ideas what the problem might be?

    I'm using FrontPage 2000 to do the web site.

    Thank you.

    Alison

  6. #6
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    Post your pages code or a url to the page
    The Silent One

    The most dangerous thing in the world is an idea.
    The most dangerous person in the world is one with an idea

  7. #7
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53
    Sorry for the delay. I've managed to resolve the problem with jumping scripts and disappearing navigation buttons (don't ask me how - it just happened!!).

    I've temporarily uploaded the website onto my ISP's free webspace - just to see how it's working. Everything seems to be OK - apart from one (probably major) problem - I've got the scrolling bit along where I want it, but the pictures aren't showing!!!! They're saved in the web folder where I created the web and I uploaded them too - so I don't know what's happening. Can you help please?

    I know you said to post up the pages code - do you mean the code for the whole home page, or just the script?

    Oh, where I uploaded the website doesn't support FrontPage extensions (I used FrontPage for the site), so to be able to upload it, I disabled the extensions in FrontPage - would this have anything to do with my invisible pictures problem?

    Thank you.
    Last edited by Alison556; 05-03-2007 at 06:51 PM.

  8. #8
    Join Date
    Dec 2005
    Location
    Queen Creek, AZ
    Posts
    1,564
    nah, just use the ftp features of FP instead of FPSE

    basically you just make sure you have a set of image objects, and just scroll them left or right. As each one passes a predefined marker (set in code based on the size of the browser window) you kill it. When you reach the last image plus it's width plus the spacer, you start again.

    it is a very simple process often confused by badly written code

    Design first...Code after!
    Design first! Code later!

  9. #9
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53
    The code has worked before and when I view in from FrontPage, it's working fine - it's just since I physically uploaded it to my web space that the images aren't showing and to find the problem is beyond me - I really know nothing about JS - it was one of the guys on here that wrote the code for me (and then had the patience to teach me how to use it).

    As I said, I've got the scrolling boxes - just nothing in them!!

  10. #10
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    Post the address to the page
    The Silent One

    The most dangerous thing in the world is an idea.
    The most dangerous person in the world is one with an idea

  11. #11
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53
    OK, thanks.

    http://myweb.tiscali.co.uk/addisons/

    Bet I've done something really stupid................

  12. #12
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    In your array you have the image extention in capitals try changing the JPG to lowercase jpg

    imgURLs[0]="1.jpg";

    etc
    The Silent One

    The most dangerous thing in the world is an idea.
    The most dangerous person in the world is one with an idea

  13. #13
    Join Date
    Apr 2007
    Location
    Dundee, Scotland
    Posts
    53

    Thumbs up RESOLVED: Continuous Horizontal Scrolling Images

    That was the problem! Thank you so much! I'd never have believed that capitals would have made a difference.

  14. #14
    Join Date
    Dec 2010
    Location
    Sydney, Australia
    Posts
    2
    Need a little help with this one.

    I want to open a new window to the full size but this code with the scroller only allows a locked size. Any ideas on how to fix this code!. Ive tryed everything within my limited knowledge.

    Thanks in advance.
    Andy

    Start:


    function stopHIS3(){
    clearTimeout(timer)
    }
    function his3Win(loc){
    if(loc==""){return}
    if(newWindow==0){
    location=loc
    }
    else{
    //window.open(loc)
    newin=window.open(loc,'win1','left=430,top=340,width=300,height=300') // use for specific size and positioned window
    newin.focus()
    }
    }


    End:

  15. #15
    Join Date
    Mar 2011
    Posts
    1

    faster scroll

    How do I speed up the scroll of the pictures?
    thanks
    cw

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

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
HTML5 Development Center



Recent Articles