Autor | Zpráva | ||
---|---|---|---|
Hapipo Profil |
#1 · Zasláno: 18. 7. 2018, 11:37:39
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 |
#2 · Zasláno: 18. 7. 2018, 11:56:23
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 |
#3 · Zasláno: 18. 7. 2018, 12:01:19
Trejpa:
Děkuji moc, ještě se zeptám? Je to lepší takhle, nebo to udělat přes JavaScript? |
||
Trejpa Profil |
#4 · Zasláno: 18. 7. 2018, 12:05:24
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 |
#6 · Zasláno: 18. 7. 2018, 12:16:25
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 |
#7 · Zasláno: 18. 7. 2018, 21:13:27
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 |
#9 · Zasláno: 18. 7. 2018, 21:51:21
Paráda, díky!
|
||
Časová prodleva: 6 let
|
0