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
szyn33k
post
Post #2





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

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: 27.12.2025 - 13:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn