Hogyan ugorjon fel kis kép, ha rámegyek egérrel a linkre?
Van egy nagy kép beállítva középre, és "mapolva" van. Ha az egyik ilyen beállított terület felé ráviszem az egeret, azt szeretném ha felugrana egy kis kép (ami link is egyben).
Hogyan tudnám megoldani legegyszerűbben?
válasza:Csináltam egy kis demo-t, ezt fel tudod használni:
jquery könyvtárat haználtam javascriptnek. Kell egy nagykep.png és egy kiskep.png ott ahova lemented ezt a kis html-t.
<html>
<head><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script></head>
<body>
<img src="nagykep.png" usemap="#nagykepmap" />
<map name="nagykepmap">
<area id="area1" shape="rect" coords="0,0,82,126">
</map>
<div id="kiskep" style="display:none"><a href="teszt.html"><img src="kiskep.png" border="0" /></a></div>
<script>
$("#area1").hover(function(){
$("#kiskep").fadeIn();
})
</script>
</body>
</html>
Azt nem tudom, hogy maga a kisképet hol szeretnéd hogy megjenejen, de a divet oda pozícionálod ahova akarod.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!