Hello,

Can someone (an experienced jQuery user) help me out with this
problem:

I want to place 3 images on one page:

<img src="http://www.myurl.com/images/1.jpg />
<img src="http://www.myurl.com/images/2.jpg />
<img src="http://www.myurl.com/images/3.jpg />

And then position them on top of each other by using css positioning +
z-index.
Image 1 would be positioned above image 2, 2 above 3, ...

What I'd like to do with jQuery is this:

I'd like to provide 3 links: 1|2|3

Clicking link 1 wouldn't have any consequence.
When clicking link 2, image one would have to fade away, so that image
2 becomes visible.
The same would happen when link 3 is clicked: image 2 would fade away
so that image 3 becomes visible.

Where can I find more information (a tutorial perhaps) to accomplish
this?

I would also have to think about more complex situations:
Clicking link 3 when image 1 is shown -> image 1 ánd image two would
have to fade away, ...
Clicking link 1 when image 3 is shown -> image 1 would have to
reappear, ...

Any help woudl be very welcome.
Kind regards,

Johan Van Mol

Reply via email to