rollover obrazkov v css

nejdeoto

ako dokazem urobit jednoduchy rolover pokial xcem menit obrazok v menu, nie obrazky pozadia, kere sa definuju v css ako background image, ale priamo obrazok vlozeny do html

Pomocou CSS môžeš zmeniť iba obrázok pozadia. Na zmenenie obrázku v html budeš musieť použiť javascript.

nejdeoto

isto sa to neda nejako obist?

geoge046

Tak ked ti asi napisal ze nie tak nie

chrono ma skoro vzdy pravdu =)

PS: ani ja neviem o nejakom rollover. BUd cez JS to spravit ale GIFko pohybujuce sa

gwixt · Príspevok od používateľa **gwixt** » 06 aug 2007, 8:56

geoge046 napísal:Tak ked ti asi napisal ze nie tak nie

chrono ma skoro vzdy pravdu =)

PS: ani ja neviem o nejakom rollover. BUd cez JS to spravit ale GIFko pohybujuce sa

hej to gifko bude rolover jak svina

geoge046

gwixt napísal:hej to gifko bude rolover jak svina

to je tez pravda

radsej cez flash

swetko

a co takto?

Kód: Vybrať všetko

<style>
.prvy a span
{
display:none;
}

.prvy a:hover span 
{
display:block;
position:absolute;
top:0;
}
</style>


<span class="prvy"><a href=""><img src="1.jpg">
<span class="druhy"><img src="2.jpg"></a></span></span>

samozrejme da sa to aj bez a href ale tam uz treba doplnit hover.htc pre explorer

Kód: Vybrať všetko

<style>
.prvy span
{
display:none;
}

.prvy:hover span 
{
display:block;
position:absolute;
top:0;
}
</style>


<span class="prvy"><img src="1.jpg">
<span class="druhy"><img src="2.jpg"></span></span>