Autor Zpráva
Hapipo
Profil
Zdravím,

potřeboval bych nutně poradit s jednou záležitostí, na které jsem se zasekl při tvorbě webu.

Potřebuji něco takového - změna obrázku po najetí kurzorem - např. www.dpstavinvest.cz

Na netu jsem našel hodně kódů, ale nefunguje mi to a nevím proč!

Vzor.: <img src="prvni.jpg" onmouseover="this.src='druhy.jpg'" onmouseout="this.src='prvni.jpg'">
Vyplněno: <img src="C:\Users\hapip\Desktop\WEB/img/blok_1.png" onmouseover="this.src='C:\Users\hapip\Desktop\WEB/img/blok_1_hover.png'" onmouseout="this.src='C:\Users\hapip\Desktop\WEB/img/blok_1.png'">

Vždy je mi ukáže obrázek a když na něho najedu, zobrazí se takový malý "náhleďák", jako kdyby to nemohlo najít cestu k obrázku

viz. ukázky PŘED NAJETÍM KURZORU, PO NAJETÍ KURZORU

Děkuji moc za rychlé reakce!
Trejpa
Profil
Hapipo:
Použij relativní adresy, na webu nic jako C:\ nebude.
<img src="img/blok_1.png" onmouseover="this.src='img/blok_1_hover.png'" onmouseout="this.src='img/blok_1.png'">
Hapipo
Profil
Trejpa:
Děkuji moc, ještě se zeptám? Je to lepší takhle, nebo to udělat přes JavaScript?
Trejpa
Profil
Hapipo:
Tohle je přes JavaScript. Dle okolností může být vhodnější použít CSS.
Hapipo
Profil
Trejpa:
Aha, zmátlo mě, že tam není nic <script>

Nějaký návod přes css? V čem to mám tedy udělat?
Jen tvůj názor...

Děkuji
Trejpa
Profil
Hapipo:
V čem to mám tedy udělat?
Jestli měníš jeden obrázek, nech to takhle.

Pokud bys potřeboval měnit pozadí, zejména více prvkům stejně, potom použij CSS, přes pseudotřídu :hover měň vlastnost background-image. Usnadní práci a umožní třeba prohazovat jediný obrázek s oběma zobrazenými stavy, což odstraní čas, který se ve tvém příkladu stahuje druhý obrázek při prvním přejetí myší (starší návod).
pavelrejha
Profil
Zdravím,
měl bych také dotaz na tento zápis:
<img src="prvni.jpg" onmouseover="this.src='druhy.jpg'" onmouseout="this.src='prvni.jpg'">

Lze nějak ten script vyjmout aby to fungovalo??? Nějak nevím kudy kam...


<img src="prvni.jpg" onmouseover="vymena()">

<script type="text/javascript">
function vymena(){ 
    onmouseover="this.src='druhy.jpg'" ; 
    onmouseout="this.src='prvni.jpg'" ;
}
</script>
T-fon
Profil
Asi nějak takhle by to mělo jít:
<script>
document.getElementById("nejakyid").onmouseover = function() {
this.src = "druhy.jpg"
};
document.getElementById("nejakyid").onmouseout = function() {
this.src = "prvni.jpg"
};
</script>

Nebo tady je jiný řešení, je asi hodně způsobů.
pavelrejha
Profil
Paráda, díky!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: