Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Podświetlany obrazek
Forum PHP.pl > Forum > Przedszkole
adam882
Witam

Posiadam taki kod:

  1. <a href="#"><img src="img/dodaj.png" alt="" /></a>

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:
  1. #cos{
  2. display:inline-block;
  3. height:100px;
  4. width:100px;
  5. background: url('img/dodaj.png') no-repeat;
  6. }
  7. #cos:hover{
  8. background: url('img/inny_obrazek.png') no-repeat;
  9. }
  10. <a href="#" id="cos"></a>


A najlepiej połączyć oba obrazki w jeden (img sprites) tak aby jeden był nad drugim i zrobić:
  1. #cos{
  2. display:inline-block;
  3. height:100px;
  4. width:100px;
  5. background-image: url('img/dodaj.png') no-repeat;
  6. }
  7. #cos:hover{
  8. background-position:0 -100px;
  9. }
  10. <a href="#" id="cos"></a>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.