[HTML][CSS] Podświetlany obrazek Opcje

[adam882]

Witam

Posiadam taki kod:

[HTML] pobierz, plaintext 
<a href="#"><img src="img/dodaj.png" alt="" /></a>
[HTML] pobierz, plaintext 

i chciałbym, aby po najechaniu na obrazek zmienił się na inny (np. dodaj2.png). W jaki sposób można to zrobić?

[CuteOne]

za pomocą JS, możesz zmienić dosłownie wszystko na wyświetlanej stronie w tym src obrazka na inny

[lobopol]

bez js możesz to zrobić np. tak:

[HTML] pobierz, plaintext 
<style>
#cos{
display:inline-block;
height:100px;
width:100px;
background: url('img/dodaj.png') no-repeat;
}
#cos:hover{
background: url('img/inny_obrazek.png') no-repeat;
}
</style>
<a href="#" id="cos"></a>
[HTML] pobierz, plaintext 

A najlepiej połączyć oba obrazki w jeden (img sprites) tak aby jeden był nad drugim i zrobić:

[HTML] pobierz, plaintext 
<style>
#cos{
display:inline-block;
height:100px;
width:100px;
background-image: url('img/dodaj.png') no-repeat;
}
#cos:hover{
background-position:0 -100px;
}
</style>
<a href="#" id="cos"></a>
[HTML] pobierz, plaintext 

Ten post edytował lobopol 11.11.2011, 14:03:41