Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Podmiana obrazka w linku, Obrazek i tekst w linku
TomASS
post
Post #1





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----


Mam coś takiego:
  1. <a href="#"><img src="dot4a.gif"/>Wymiana taboru<br/></a>
  2. <a href="#"><img src="dot4a.gif"/>Nowy punkt obsługi<br/></a>
  3. <a href="#"><img src="dot4a.gif"/>Jest nas więcej<br/></a>

dot4a.gif to zielone słoneczko
dot4b.gif to pomarańczowe słoneczko

chcę zrobić aby po najechaniu na linka słoneczko zmieniło się z zielonego na pomarańczowe, czyli coś takiego (myszką najechałem na środkowy link):
(IMG:http://www.logistyka.x12.pl/2.GIF)

na razie wydziergałem coś takiego:
  1. function $(id){
  2. return document.getElementById(id);
  3. }
  4.  
  5. function zmien_obrazek(obrazek){
  6. $(obrazek).src="dot4b.gif";
  7. }
  8.  
  9. function przywroc_obrazek(obrazek){
  10. $(obrazek).src="dot4a.gif";
  11. }
  12. <a href="#" onmouseover="zmien_obrazek('menuimg1');" onmouseout="przywroc_obrazek('menuimg1');"><img id="menuimg1" src="dot4a.gif"/>Wymiana taboru<br/></a>
  13. <a href="#" onmouseover="zmien_obrazek('menuimg2');" onmouseout="przywroc_obrazek('menuimg2');"><img id="menuimg2" src="dot4a.gif"/>Nowy punkt obsługi<br/></a>
  14. <a href="#" onmouseover="zmien_obrazek('menuimg3');" onmouseout="przywroc_obrazek('menuimg3');"><img id="menuimg3" src="dot4a.gif"/>Jest nas więcej<br/></a>

ale to chyba o dupę rozbić - pewnie da się jakoś w css :/

Dzięki!

Ten post edytował TomASS 7.08.2007, 13:17:09
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
babejsza
post
Post #2





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

Ostrzeżenie: (0%)
-----


Zasugeruję jeszcze jedną możliwość. Linki daj do listy nieuporządkowanej i im w tle przypisz pomarańczowe słonko. Dla samych linków zdefiniuj tlo na zielone słoneczko, a dla hover'a daj background: none.

W css kodu będzie troszkę więcej, ale będą dwie korzyści:

- lista w liście
- tło dla hover'a załaduje się od razu, a nie dopiero po najechaniu na pozycję.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 13:57