Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Aktywne przyciski-sciaganie przy wczytywaniu strony
Forum PHP.pl > Forum > Przedszkole
DerekDX
Witam,
na stronie mam cos takiego
  1. <img src="images/spodnie.jpg" onmouseover="this.src='images/spodnie_1.jpg'" onmouseout="this.src='images/spodnie.jpg'" alt="Obrazek" />


czy jest mozliwosc z czegos takiego zrobic aby obrazki ktore pojawiaja sie po najechaniu na przycisk były wczytywane razem z obrazkami ktore pojawiaja sie gdy przycisk nie jest aktywny
krispak
Wyrzuc to js a zastosuj do tego CSS
tehaha
tak google css-> sprites, generalnie chodzi o to, że robisz jeden duży obrazek który zawiera oba stany normalny i po najechaniu myszką, i manipulujesz jedynie background-position:, np
  1. a{background-position:top;}
  2. a:hover{background-position:bottom;}
DerekDX
doszedlem to tego i juz sam niewiem sprawdzalem 4 razy czy wszystko jest ok

  1. <div class="tresc_1">
  2.  
  3. <a href="http://www.wp.pl" id="button"><span class="hide">wp.pl</span></a>
  4.  
  5. </div>


i css

  1. a#button, a#button:active, a#button:visited {
  2. background: url('images/button.jpg') #fff no-repeat top;
  3. width:162px;
  4. height:55px;
  5. display:block;
  6. }
  7.  
  8. a#button:hover {
  9. background: url('images/button.jpg') #fff no-repeat bottom;
  10. width:162px;
  11. height:55px;
  12. display:block;
  13. }
  14.  
  15. span.hide {
  16. display:none;
  17. }


i cały czas niewyswietla mi tego obrazka.
rozwionzanie to sciagnelem z tad

Niewiem dlaczego ale zaden obrazek nie chce byc wyswietlany poprzez background-image.
Czy edytor tekstowy moze miec cos z tym wspolnego uzywam notepad++
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.