2
Contributors
4
Replies
16
Views
3 Years
Discussion Span
Last Post by vizz
0

First of all you need all same size images.
Now inside the div have 5 img tags each of width 25px;
Set the Background of each to say img1.jpg.
Now adjust background position property of each.
1st img tag left value = 0, for second = -25 so that the next 25px is shown, then -50 for next and so on.
You can Use Jquesry to animate like it is happening in the link you gave. If you have troube with animating tell me.

0

no images just div. I want transition to single div not on images

Edited by vizz

0

What is inside div??
Do you have background images inside div??
My Previous Post is a bit wrong:
Inside the div you need to have 5 divs each of 25 px with background images at positions - 0, -25, -50,... and no image tags are needed.
My older post should have been this:
First of all you need all same size images.
Now inside the div have 5 other divs each of width 25px;
Set the Background of each to say img1.jpg initially.
Now adjust background position property of each.
1st div background position left value = 0, for second = -25 so that the next 25px is shown, then -50 for next and so on.
You can Use Jquery to animate like it is happening in the link you gave. If you have trouble with animating tell me.
On clicking each link the background image should be changed according to the link clicked.

Edited by tapananand

0

no background images only div. I dont want to animate or change images. I want to add effect like in the source I provided . I want to add effect to DIV there is no image

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.