Skrypt na płynną zmianę obrazka

[mmxxl]

Witam potrzebuję lekkiej pomocy z skryptem który po najechaniu myszką płynnie zmieni obrazek w drugi . Narazie udało mi się zrobić coś takiego :

Cytat

<img src="cin-glowna.jpg" class="zdjgl" alt="obrazek" onmouseover="this.src='sej-glowna.jpg'" onmouseout="this.src='cin-glowna.jpg'">

wiem że dobrym sposobem byłoby połączenie "opacity" lub "fadeIn" "fadeOut" ale nie wiem jak się za to zabrać. Potrzebuje mieć te obrazki w klasie "zdjgl" ponieważ w css'ie mam do nich polecenia które potrzebuje. Dziękuje bardzo za jakąkolwiek pomoc.

[Betros]

Zrób sobie dwie funkcje na mouseover i na mouseout. W nich będziesz zmieniał obrazek poprzez

 document.getElementById().innerHTML

Dodatkowo poczytaj sobie o transition w css