Как да направа това

[smoke]

Здравейте искам да знам как мога да направа това
значи имам една голяма снимка която е 200x200 да кажем и под нея 4 малки които са 60x50 и искам някакси когато се цакне на някоя от малките да се скрие голямата и да се покаже тази която е в малък размер на мястото на голямата и да е 200x200?

Ето пример:

 

[jooorooo]

Ето 1 пример с jQuery

<a href="link za golqmata_200x200">
<img src="60x50">
</a>
<a href="link za golqmata_200x200">
<img src="60x50">
</a>
<a href="link za golqmata_200x200">
<img src="60x50">
</a>
<a href="link za golqmata_200x200">
<img src="60x50">
</a>

<img src="golqmata 1-va" id="image" />

$('a').click(function(){
var image = $(this).attr('href');
$('#image').attr('src',image);
});

 

[smoke]

Виж промених го:

ХТМЛ:

                <img id="image" src="" />

                
                <img id="thumb_img" alt="img/obiavi/2502452/three.jpg" src="img/obiavi/2502452/three.jpg" />
                <img id="thumb_img" alt="img/obiavi/2502452/four.jpg" src="img/obiavi/2502452/four.jpg" />
                <img id="thumb_img" alt="img/obiavi/2502452/two.jpg" src="img/obiavi/2502452/two.jpg" />
                <img id="thumb_img" alt="img/obiavi/2502452/amxmodxbg.gif" src="img/obiavi/2502452/amxmodxbg.gif" />

JAVA:

 $('#thumb_img').mouseover(function(){
   var image = $(this).attr('alt');
   $('#image').attr('src',image);
   });

Обаче става само с първата снимка когато се опитам да го сложа в дизайна ? :idea:

 

[Fakeheal]

http://galleria.aino.se/ - ето ти готово решение ;D