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 (1 - 4)
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
szyn33k
post
Post #3





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

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

Dzięki, niestety ciągle się wyświetla 0.jpg :/
NIe wiem jak to poprawić aby było poprawnie.
Go to the top of the page
+Quote Post
WiruSSS
post
Post #4





Grupa: Zarejestrowani
Postów: 83
Pomógł: 7
Dołączył: 3.02.2007

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

..tam w else if wkradła się literówka i zjadło jeden znak = powinno być else if (www == 'wp'), druga sprawa to zapewne konflikt id zdjęcia z nazwą funkcji ...a tak poza tym to powinno działać. Weź to skopiuj i wklej w całości, dodaj brakujący znak = zmień id zdjęcia na jakieś inne (w skrypcie też) i będzie hulać (IMG:style_emoticons/default/smile.gif)

Ten post edytował WiruSSS 12.09.2013, 21:37:56
Go to the top of the page
+Quote Post
szyn33k
post
Post #5





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

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

zrobiłem tak, bazując na powyzszych skryptach.
Działa (IMG:style_emoticons/default/smile.gif) 
[HTML] pobierz, plaintext 
  1. <head>
  2. <script>
  3. 	function zdjecie(www)
  4. 	{
  5. 		if(www=='o2')
  6. 			document.getElementById("myImage").src="o2.png";
  7. 		else if (www=='wp')
  8. 			document.getElementById("myImage").src="wp.png";
  9.         else
  10. 			document.getElementById("myImage").src="0.png";
  11. 	}
  12. </script>
  13. </head>
  14.  
  15. <center>
  16. <a href="http://wp.pl" onMouseOver="zdjecie('wp')" name="wp" onMouseOut= "zdjecie(0)">WP.PL</a>
  17. <a href="http://o2.pl" onMouseOver="zdjecie('o2')" name="o2" onMouseOut ="zdjecie(0)">O2.PL</a>
  18. <br/>
  19. <img id="myImage" src="0.png">
  20. </center>
[HTML] pobierz, plaintext


Ten post edytował szyn33k 13.09.2013, 14:55:58
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

RSS Aktualny czas: 20.12.2025 - 23:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn