How do I do 'this' with Javascript

Inazuma

Inazuma

Inazuma

Soldato
Joined
9 Jun 2006
Posts
4,227
Location
Purgatory
Hi everyone,
I have made a site design that will require the use of javascript to create certain effects. Please take a look at the mock image first:

http://liquidfirestudios.com/files/lfs4-mock2.jpg

First of all, that big image I want to be like a rotating feature - kind of like the flash based image rotation on this site: http://devnull.sweetdanger.net/convergence.html, except done with javascript. Also clicking the image will lead to a certain page.

Secondly, I want the sidebar to move as the user scrolls down the page. In the same manner as the effect on this page: http://hicksdesign.co.uk/journal/ (scroll down to see the sidebar move along).

Now, I have zero knowledge of using javascript so I wonder if anyone here can explain to me how I would achieve these effects. Link me to a tutorial if need be. I wouldn't even know where to begin.

Any help would be greatly appreciated :)
 
MadMossy said:
The hicksdesign site is just simple css. The left column with the navigation links is fixed using position: absolute, the content is just a bog standard column with margin-left: 210px.
Click to expand...

This

You mean an image slider. I'd recommend the jquery library and here is a choice of 15.

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

or jcarousel lite with the auto scrolling set up for something really small and simple.

or if none of them take you fancy google search 'jquery image slider'
 
You must log in or register to reply here.
Back
Top Bottom