ROZWIĄZANE Jak użyć funkcji onmouseover do zwykłego obrazka w clickshop?

Witam,

na stronie głównej w sklepie mam moduł w prostym kodem html, jedna tabela, zawierająca loga producentów jako pliki png będące jednocześnie linkami do odpowiednich wyszukiwań.

Chcę, aby po najechaniu kursorem na któryś z obrazków zmienił się na inny (w tej samej lokalizacji) a po odsunięciu kursora powrócił do stanu poprzedniego.

Obecnie obrazki wyświetlają się dzięki takiej prostej składni:

<td><a title="Twins" href="/pl/searchquery/twins/1/phot"><img src="/public/assets/producenci/twins_110_90bw.png" alt="" width="110" height="90" /> </a></td>


Prośba o pomoc jak to zmodyfikować. Dzięki!

(u mnie jest to prawy moduł na stronie www.dobrekimona.pl)

 

Znalazłem w Google coś takiego:

onClick - klikniecie
onMouseOver - najechanie
onMouseOut - zjechanie

Code:

<a href="#" onMouseOver="gfx.src='2.gif'"
onMouseOut="gfx.src='1.gif'" onclick="gfx.src='3.gif'">
<img src="1.gif" name="gfx"></a>

# - link do strony
1.gif - obrazek podstawowy
2.gif - obrazek po najechaniu
3.gif - obrazek po kliknieciu

 

Dzięki, takiej składni mi brakowało, wieczorem podziałam w temacie. A ktoś zna sposób na rozjaśnienie obrazka po najechaniu? Trochę życia w stronę chcę wnieść.

 

Sprawdź w tym temacie - @TheL podał kilka rożnych modyfikacji dla plików graficznych po najechaniu właśnie. Wszystko opiera się o zastosowanie odpowiednich wpisów we własnym stylu CSS.

 

nie używajmy do tego js, wystarczy css, działa szybciej i sprawniej