Click to See Complete Forum and Search --> : Continuous Horizontal Scrolling Images
Alison556
04-28-2007, 06:55 PM
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
justinbarneskin
04-28-2007, 07:46 PM
Put all the images in an array and then learn about push() and slice()
See if this one is any good for you
www.huntingground.freeserve.co.uk/imagery/imgscroll3h.htm
Alison556
04-29-2007, 06:30 AM
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!!).
Alison556
04-29-2007, 08:37 AM
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
Post your pages code or a url to the page
Alison556
05-03-2007, 06:48 PM
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.
CrazyMerlin
05-04-2007, 02:26 AM
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!
Alison556
05-04-2007, 04:07 AM
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!!
Post the address to the page
Alison556
05-04-2007, 09:58 AM
OK, thanks.
http://myweb.tiscali.co.uk/addisons/
Bet I've done something really stupid................
In your array you have the image extention in capitals try changing the JPG to lowercase jpg
imgURLs[0]="1.jpg";
etc
Alison556
05-04-2007, 05:25 PM
That was the problem! Thank you so much! I'd never have believed that capitals would have made a difference.:)
clayman
12-26-2010, 10:55 PM
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. :o
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:
CW Perera
03-29-2011, 10:08 PM
How do I speed up the scroll of the pictures?
thanks
cw
MrSnowDrop
03-30-2011, 05:35 AM
There's a fantastic horizontal image scroller by Thomas Kahn, written in jQuery.
Take a look here:
www.smoothdivscroll.com/