I need to do a Photo gallery, I have the thumbnails on the right, and when the mouse pass to one thumbnail, the picture, resize it to the center of the page, showing it at its full size.
The problem I have, is that when I pass the mouse over, let say, to the first thumbnail, displays the first picture right, but when I try to passed to the second thumbnail, the first picture, stays there.
What I need, is when I pass the mouse over the second thumbnail, the first picture dissapears and the second picture displays in the position of the first one; and then, when I pass the mouse over the third thumbnail, the second picture dissapear and the third picture appears, and so on, with the other thumbnails.
I have uploaded an example of what I already have:
On this example, when I pass the mouse over the first thumbnail, displayes the first picture right, BUT, I need to passed again to the same thumbnail, in order to dissapear, the picture on the center, and it's not what I need. What I need, is that when the mouse passes over the second thumbnail, the first picture on the center dissapears, and the second picture (the one corresponding to the thumbnail on the right), appears, all at the same time.
I need help, in order to achieve this effect.