Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Obrazek po najechaniu na link
szyn33k
post
Post #1





Grupa: Nieautoryzowani
Postów: 18
Pomógł: 0
Dołączył: 3.01.2013

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

Witam,
uczę się obecnie JS i wymyślam sobie zadania, lecz jednego nie mogę wykonać i proszę o pomoc.
Mianowicie.
Mam dwa linki na stronie i jeden obrazek na srodku.
Po najechaniu na link obrazek na srodku zmienia się na 1.jpg a po zjechaniu z linku wraca poprzedni, i tak samo z drugim linkiem tyle ze wyswietla się obrazek 2.jpg.

Mam coś takiego, tylko nie wiem jak wstawić zmienną do tagu img
[HTML] pobierz, plaintext 
  1. <head>
  2. <script>
  3. 	function zdjecie(www)
  4. 	{
  5. 		if(www=='o2')
  6. 		document.write='o2.png';
  7. 		else
  8. 		document.write='wp.png';
  9. 	}
  10. </script>
  11. </head>
  12.  
  13. <center>
  14. <a href="http://wp.pl" onMouseOver="zdjecie(wp)" name="wp">WP.PL</a>
  15. <a href="http://o2.pl" onMouseOver="zdjecie(o2)" name="wp">O2.PL</a>
  16. <br/>
  17. <img src="0.png" name="zdj" />
  18. </center>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
lukasz1985
post
Post #2





Grupa: Zarejestrowani
Postów: 205
Pomógł: 43
Dołączył: 5.03.2012

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

No na pewno nie "document.write" - ta instrukcja przepisuje całą stronę internetową jeśli jest wykonana po załadowaniu strony. Musisz przechwycić referencje do obrazka i potem dynamicznie zmieniać jego źródło

[HTML] pobierz, plaintext 
  1. <head>
  2. <script>
  3. 	function zdjecie(www)
  4. 	{
  5.                 var obrazek = document.getElementById("zdjecie"); // pobranie referencji do obrazka poprze id
  6. 		if(www=='o2')
  7.                   obrazek.src = "o2.png"; // zmiana źródła obrazka
  8. 		else if (www = 'wp')
  9.     		  obrazek.src ='wp.png';  // j.w.
  10.                 else 
  11.                   obrazek.src = "0.png";
  12. 	}
  13. </script>
  14. </head>
  15.  
  16. <center>
  17. <a href="http://wp.pl" onMouseOver="zdjecie('wp')" name="wp" onMouseOut= "zdjecie(0)">WP.PL</a>
  18. <a href="http://o2.pl" onMouseOver="zdjecie('o2')" name="wp" onMouseOut ="zdjecie(0)">O2.PL</a>
  19. <br/>
  20. <img src="0.png" id="zdjecie" />
  21. </center>
[HTML] pobierz, plaintext


Ten post edytował lukasz1985 12.09.2013, 19:55:36
Go to the top of the page
+Quote Post

Posty w temacie
- szyn33k   Obrazek po najechaniu na link   12.09.2013, 17:01:06
- - lukasz1985   No na pewno nie "document.write" - ta in...   12.09.2013, 19:55:07
- - szyn33k   Dzięki, niestety ciągle się wyświetla 0.jpg :/ NIe...   12.09.2013, 20:09:21
- - WiruSSS   ..tam w else if wkradła się literówka i zjadło jed...   12.09.2013, 21:36:19
- - szyn33k   zrobiłem tak, bazując na powyzszych skryptach. Dzi...   13.09.2013, 14:55:43

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 1.01.2026 - 10:44
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn