Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Zmiana obrazka, a na nim tekst
Forum PHP.pl > Forum > Przedszkole
patryk9200
Cześć,
Czy da się jakoś zmienić obrazek tak żeby był na nim tekst po najechaniu myszką i przed??
Taki mam kod:
<input id="przycisklog" type="image" src='themes/default/img/loguj1.jpg'
onmouseout="this.src = 'themes/default/img/loguj2.jpg'"
onmouseover="this.src = 'themes/default/img/loguj1.jpg'"
size="116" value="Loguj" />
peter13135
aby zrobić tekst na obrazku, musisz obrazek dać jako tło tabeli/diva
patryk9200
Ale jak mam do tego kodu co mam to zastosować?
peter13135
u mnie z js jest cienko, ale chyba najpierw musisz zroić sobie diva lub tablekę

  1. <div style="width:80px; height:60px; background-image: url("obrazek.gif");" onmouseover="this.innerHTML='text'"></div>


takie coś ?
trucksweb
po pierwsz to beznadziejny kod, ktorego nie powinienes stosowac.
Zainteresuj sie stylami, w ktorych takie reczy robisz w kilku linijkach..

jesli to ma byc przycisk ?
<input type="button" name="button" value="Nazwa" class="przycisk" />

plik css

  1. <?php
  2. .przycisk {
  3. background: url(...plik.jpg);
  4. padding:10px;
  5. }
  6.  
  7. .przycisk:hover {
  8. background: url(...plik2.jpg);
  9. padding:10px;
  10. }
  11. ?>


i wsio


dostosuj go do swoich potrzeb
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.