Javaskript, odkaz - prohozeni obrazku
potrebuju js na prohozeni obrazku :) plz... sem nakej unavenej ted v 1 to hledat a taky jako za 2) prohozeni obrazku kdyz prejedu mysi odkaz, THX MOC
<img border="0" src="prvni.gif" name="jmeno">
<a href="..." onmouseover="document.images['jmeno'].src='druhy.gif'" >odkaz</a>
<a href="..." onmouseover="document.images['jmeno'].src='druhy.gif'" >odkaz</a>
Nevite nekdo, jak docili stejneho efektu bez pouziti JS?
Premyslel jsem, ze by slo menit pomoci CSS vlastnost BG napr. u DIVu nebo SPANu, ale i tak by tam musel byt nejaky obrazek jako odkaz (nejspis pruhledny spacer.gif)
Premyslel jsem, ze by slo menit pomoci CSS vlastnost BG napr. u DIVu nebo SPANu, ale i tak by tam musel byt nejaky obrazek jako odkaz (nejspis pruhledny spacer.gif)
no, slo by to pres div:hover{ background...} ... ale IE podporuji tuhle vychytavku jen u odkazu
hover
{
background-image(atd...)
}
{
background-image(atd...)
}
<ul>
<li style="background-imgage: url("mouse_over.png");">
<a href="" style="display: block; width: 80px; height: 20px; background-image: url(mouse_out.png);"><span style="display: none;">odkaz</span></a>
</li>
<ul>
...a potom u tagu a este nastavit
a:hover{ background: none;}
...styly som uvadzal rovno do tagov iba pre nazornost (spravne maju byt v externom subore :-)
<li style="background-imgage: url("mouse_over.png");">
<a href="" style="display: block; width: 80px; height: 20px; background-image: url(mouse_out.png);"><span style="display: none;">odkaz</span></a>
</li>
<ul>
...a potom u tagu a este nastavit
a:hover{ background: none;}
...styly som uvadzal rovno do tagov iba pre nazornost (spravne maju byt v externom subore :-)
Neni to presne to... sice se obrazky prohodi kdyz prejedes mysi nad odkaz ALE... pote kdyz das mys zas pryc tak tam zustane obrazek c.2 ! mel by tam byt puvodni ..tedy c.1 ...
Jak na to tedy?
Jak na to tedy?
Uz to tu bylo kdysi, myslim ze nejlepsi zpusob, kdy se i clovek vyhne nacitani toho druheho obrazku a treba i par sekundoveho zpozdeni, je popsany na
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami