[HTML] Zmiana obrazka po najechaniu / kliknięciu Opcje

[Elber]

Witam, mam pytanko, jak najprostszym sposobem zrobić taki myk, że

(IMG:http://img254.imageshack.us/img254/1636/zrzutekranuth.png)

po najechaniu na ten malutki obrazek wyświetli się on jako większy, tak jak teraz ten pierwszy obrazek z lewej to jest pokazany jako większy, i chodzi mi o to, że jak najadę kursorem albo kliknę na ten środkowy albo prawy malutki obrazek, to ten przeniesie się poniżej jako ten większy.

Mój kod tego wygląda tak:

[HTML] pobierz, plaintext 
<div class="obrazek_maly">
<img class="obrazek_maly" src="foto/min/azalia_jap_arabesk.jpg" />
<img style="padding-left:20px; padding-right:20px;"class="obrazek_maly" src="foto/min/azalia_jap_fiener.jpg" />
<img class="obrazek_maly" src="foto/min/azalia_jap_eisprinzessin.jpg" />
</div>
<img class="obrazek_duzy" src="foto/min/azalia_jap_arabesk.jpg" />
[HTML] pobierz, plaintext 

Ten post edytował Elber 27.12.2010, 21:36:58

[Jazi]

[HTML] pobierz, plaintext 
<script>
function zmien_obrazek(id) {
  var obrazek;
  switch(id) {
    case 1: obrazek = "azalia_jap_arabesk"; break;
    case 2: obrazek = "azalia_jap_fiener"; break;
    case 3: obrazek = "azalia_jap_eisprinzessin"; break;
  }
  document.getElementById('duzy_obrazek').innerHTML = "<img class="obrazek_duzy" src="foto/min/" + obrazek + ".jpg" />";
}
</script>
 
<div class="obrazek_maly">
<img class="obrazek_maly" src="foto/min/azalia_jap_arabesk.jpg" onclick='zmien_obrazek(1);' />
<img style="padding-left:20px; padding-right:20px;"class="obrazek_maly" src="foto/min/azalia_jap_fiener.jpg" onclick='zmien_obrazek(2);' />
<img class="obrazek_maly" src="foto/min/azalia_jap_eisprinzessin.jpg" onclick='zmien_obrazek(3);' />
</div>
<p id='duzy_obrazek'></p>
[HTML] pobierz, plaintext 

Użyty JavaScript. Pisane na szybko, mogą być błędy.