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


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? Bardzo proszę o pomoc.

<img><div class="dymek">

css:

img+div.dymek {display:none}
img:hover+div.dymek {display:block}

Albo robię coś źle, albo nie działa... Mógłbyś mi to bardziej naświetlić?

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ń.

To pokaż jak robisz.

Działa!! Jesteście suuuper!!!!! Wielkie THX