Dakujem krasne naozaj! Este som to neskusal, ale hned idem... A dam vediet, ak to bude fungovat tak parada.
Ak by som ta mohol poprosit, nemohol by si spravit priklad aj s kodom? Len tak, hned na vyskusanie...
No, dal som to presne ako vravis, vsetko islo bez problemov dal som na rychlo nejaku poziciu vsetko fungovalo. Ale ked prejdem mysou, neukaze mi ho. Menil som tie cislice -1. 2 vselijako, raz som ho bud videl, alebo nie. Raz mi blikal ked som cez to isiel myskou. Nahral som tam GIF obrazok, hadam to neni tym ze to musi byt len PNG.
Tak ma napadlo, mozno by mi stacilo keby sa tento kod dal spravit tak, aby bol nad obrazkom (nie schovany pod nim) a dal sa posuvat do pozicii.
Lebo cez tento HTML kod mi to funguje, to prejdenie myskou
Kód: Vybrať všetko
<img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>
tu som nieco objavil:
Kód: Vybrať všetko
<div id="container">
PODARILO SA MI TO :D
[code]<div id="container">
<img src="http://imageshack.us/a/img707/8905/7235056orig.gif" id="img1" />
<img src="http://imageshack.us/a/img11/2544/1blue.jpg" id="img2"
onmouseover="this.src='http://imageshack.us/a/img811/2677/2whiteu.jpg'"
onmouseout="this.src='http://imageshack.us/a/img11/2544/1blue.jpg'" />
</div>
<img src="img1.jpg" id="img1" />
<img src="img2.jpg" id="img2" />
</div>
#container {
position:relative;
}
#img2 {
position: absolute;
left: 50px;
top: 50px;
}[/code]
akurat to musim vymysliet aby sa ten obrazok na vrchu menil po prejdeni myskou ako tu:
Kód: Vybrať všetko
<img src="HERE IMG" onmouseover="this.src='HERE IMG'" onmouseout="this.src='HERE IMG'" /></a>
da sa to skombinovat?
//autoeditácia príspevku (16 Dec 2012, 18:10)
PODARILO SA MI TO
HTML
Kód: Vybrať všetko
<div id="container">
<img src="http://imageshack.us/a/img707/8905/7235056orig.gif" id="img1" />
<img src="http://imageshack.us/a/img11/2544/1blue.jpg" id="img2"
onmouseover="this.src='http://imageshack.us/a/img811/2677/2whiteu.jpg'"
onmouseout="this.src='http://imageshack.us/a/img11/2544/1blue.jpg'" />
</div>
CSS
Kód: Vybrať všetko
#container {
position:relative;
}
#img2 {
position: absolute;
left: 50px;
top: 50px;
}
