HTML-szerkesztés kezdőknek!!!
-
#5146
Mint előzőleg javasolták keress rá a javascript (ezen a szkriptnyelven is megoldható a dolog) rollover (ez pedig a technológia elnevezése).
A lényeg: amikor rámész az egérrel a "gombra" (ami egy kép és egy link) akkor bekövetkezik az onMouseover esemény. Amikor elhagyod, az a
Ekkor kell kicserélni a képet.
A képre például a name attribútuma alapján hivatkozhatsz (de hivatkozhatsz saját magára is), a képnek pedig a src attribútumát kell átállítani.
Tehát képre való hivatkozással:
<a href="#" onMouseover="document.images['.src='[szin=blue]be.jpg';" onMouseout="document.images['.src='[szin=blue]ki.jpg';">
<img src="ki.jpg" alt="Ez egy szép kép" name="kep" />
</a>
Önmagára való hivatkozással:
<a href="#">
<img src="ki.jpg" alt="kep" onMouseover="this.src='be.jpg';" onMouseout="this.src='ki.jpg';" />
</a>
Ezt persze lehet finomítani kissé diszkrétebbé teheted, írhatsz rá cserefüggvényt, stb, stb.... ...mint szkriptnyelveknél és programozási nyelveknél a lehetőségek száma nagy.
document.images
[url=http://htmlinfo.polyhistor.hu/js13ref/ops.htm#1043482]this