new site, new layout Options

[xxkasperxx]

I want to create a website for a driving school, and i want the page to be a long road, and on the side it has signs.. and when you click on the link bar it will go down the road to that sign and show the info on that sign, is that possible? and if so how would i go about doing that?

[pandy]

Flash?

[Christian J]

Or maybe internal links, but that would look less elegant, and going down a page might feel like driving backwards.

[xxkasperxx]

so what would be the best way to go about this? and if flash is the way to go, how would i do that? I have never used flash when coding..

[pandy]

If you just want the page to scroll down to the traffic sign and show a text there, you can probably do it with JavaScript + CSS too. It's a little hard to imagine exactly how you want it.

If you are going for Flash, I guess you need to learn Flash. And start to save up for the program.

[xxkasperxx]

i would love to use java-script and css.. How can i go about doing that? so my idea is to have a pic of a road... and then on the side have signs.. and text be on the sign, however i need to create a nav-bar in the sky and when you click on a particular button in the nav bar it zooms you down the street to that sign, and vice versa for going backwards..

This post has been edited by xxkasperxx: Nov 15 2011, 09:03 PM

[Christian J]

If you mean a road that disappears at the horizon, it might be made with a static picture that actually never moves.

Then when the button is clicked, maybe you can use a JS timer to gradually increase the size of the road sign image and move it down diagonally next to the road side (to create an illusion of the driver approaching it).

[xxkasperxx]

If you mean a road that disappears at the horizon, it might be made with a static picture that actually never moves.

Then when the button is clicked, maybe you can use a JS timer to gradually increase the size of the road sign image and move it down diagonally next to the road side (to create an illusion of the driver approaching it).

How would i go about doing this? i tried to Google it and found nothing Please help!

[pandy]

That's what I call a tall order!

[xxkasperxx]

"tall order"?

[xxkasperxx]

please guide me on the track to making a java-script script that zooms onto a sign on the picture when a link is clicked..

[Christian J]

How would i go about doing this?

Let a function keep calling itself (recursively) after short delays (using the setTimeout method), each time adding 1px to the size and position of the image, until the image is at its max size/position.

An extra complication (at least if you allow multiple road signs simultaneously) is that (IIRC) the variable scope of setTimeout is always global. There are workarounds, but I can't remember the details.

[xxkasperxx]

christian can you please explain further.

[Christian J]

Not without writing the whole thing, no. Which part are you having trouble with?

[pandy]

That's what makes it a tall order. You ask for too much at once.

[xxkasperxx]

where would be a good place to begin to start learning enough java-script to do something like this site? http://www.nofrks.com/

[pandy]

The beginning is usually a good place to start. Search for JavaScript tutorials.

That page isn't as complicated as it may seem. View Source and save it on your HD. Add this at the top of HEAD

CODE

<base href="http://www.nofrks.com/">

and this at the bottom

CODE

<style type="text/css">
*  { overflow: visible !important }
</style

and you can see how it's done. The only thing you need JavaScript for is the precise scrolling, possibly it's also slowed down a little.