[HTML]Problem z powieleniem kodu. Opcje

[VeParadox]

Witam.
Mam taki kod , który robi dymek z obrazkiem po najechaniu kursorem. Oto on:

Kod

<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'"> <div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none">
<img src="obrazek2.jpg">
</div>

Problem pojawia się gdy powielam kod, tak aby mieć kilka obrazków z dymkiem obok siebie. Wszystkie obrazki działają na dymek z pierwszego obrazka. Jak to rozdzielić aby indywidualnie funkcjonowało - każdy obrazek pokazywał swój dymek po najechaniu kursorem?(IMG:style_emoticons/default/questionmark.gif) Bardzo proszę o pomoc.

[b4rt3kk]

Jeśli wszystkie Twoje obrazki mają:

[HTML] pobierz, plaintext 
<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'"> <div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none">
[HTML] pobierz, plaintext 

w miejscu wywołania funkcji document.getElementById('dymek') oznacza to, że na który byś nie najechał to funkcja działa dla obiektu o id dymek, musisz im nadać kolejne wartość i id, czyli np. dymek1, dymek2, dymek3, itd.

[HTML] pobierz, plaintext 
<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'"> <div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none">
<img src="obrazek2.png" onmouseover="document.getElementById('dymek1').style.display = ''" onmouseout="document.getElementById('dymek1').style.display = 'none'"> <div id="dymek1" style="position: absolute; top: 50px; left: 50%; display: none">
[HTML] pobierz, plaintext 

Coś w ten deseń.