Horizontal Scrolling Layer

They have: 383 posts

Joined: Sep 2000

Hey all, been a little while since I've posted at TWF. Been really busy with the academy and school not to forget my booming business Smiling

Anyway, I'm working on writing a DHTML script to for a project I'm working on. I'm building something similar to the effect done in Flash on this site: 300feetout.com. The only difference will be that it will be quite a bit slower and completely done in DHTML. Anyone know of any similar scripts already built or sites with a similar effect? I'm looking for any and all ideas. Thanks!

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

I assume you are talking about the scrolling image?

No, I haven't seen a script like that. But then again, I haven't checked any dHTML sites recently...

The closest thing to it that I've seen is a somewhat similar one that, believe it or not, I made in Visual Basic Sad, and those annoying dHTML cursor trails.

I guess that you could adapt the cursor script to this. It should be easier, seeing as the area is smaller, and only X co-ords are needed.

Vincent Puglia's picture

They have: 634 posts

Joined: Dec 1999

Hi Adam,

You should be able to create it by changing the left/posLeft attributes of the divs with a setTimeout.

something like:
newLeft = parseInt(divStyle.posLeft)
newLeft -= Math.floor( Math.random() * 50)
divStyle.visibility = 'visible';
divStyle.posLeft = newLeft;

where divStyle equates to:
document.all.divID.style
document.getElementById(divID).style
document.layers[divID]

You may need to place your images within an array of divs (real or functionally) so that you can rotate through them

If you need more, let me know (I wrote a 'car race' script that might help you along).

Vinny

Where the world once stood
the blades of grass cut me still

They have: 383 posts

Joined: Sep 2000

Vinny,

Defiantly, if you have any other similar code please post it or email. I'm going to start putting something together for this site Monday or Tuesday and could use all the assistance I can get. I'm not a DHTML guru but I get by with a little help Smiling

They have: 25 posts

Joined: Aug 2001

Hello everyone!
Over the weekend I got talked into doing a CD for a photographer friend of mine. At about 2:00 am I suddenly thought that doing a horizontal scrolling image maybe the ticket, unfortunatly i've got no idea how to do this. So this morning I started looking for some info. Low and behold here it is.

I'm more a ASP/Server side kind of guy but what ever what ever info I can get would be a great help.

Thanks

Paul

Vincent Puglia's picture

They have: 634 posts

Joined: Dec 1999

Ok gents, here it is (for what it's worth,

carRace

(not sure if everything is there [photos,eg], but you should get the idea nonetheless)
Again, it is not exactly what you are looking for, but it adaptable. Also, if you post code here and I'm around, I'll see what I can do to help.

Re emailing me -- I try to keep that for amusement & paying clients only, so....

Vinny

Where the world once stood
the blades of grass cut me still

They have: 25 posts

Joined: Aug 2001

Hey,
I've been looking around and i just found a great tutorial on how to make a horizontal scrolling menu with a twist. Have a look it's great.

http://www.flashkit.com/tutorials/Actionscripting/Expert/The_Yugo-Dominik_-90/index.shtml

Paul

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.