Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]jak zrobic pętle, jak zrobić pętle
Mastersieciweb
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

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

witam, mam problem bo nie wiem jak zrobić pętle czy funkcje dzięki której nie musiałbym wypisywać po kolei moich obrazków tylko tak jakby to wszystko było klonowane tyle razy ile ja chce i funkcja onmouseover i onmouseout działała w każdym z osobno:) da sie tak?(IMG:style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <title>fgg</title>
  5. <body>
  6.  
  7. <img src="maggie.jpg" id="1">
  8. <img src="maggie.jpg" id="2">
  9. <img src="maggie.jpg" id="3">
  10. <img src="maggie.jpg" id="4">
  11. <img src="maggie.jpg" id="5">
  12.  
  13.  
  14.  
  15. <script>
  16. var nazwy = new Array('maggie.jpg', 'kate.jpg', 'roxana.jpg')
  17. var obr = [];
  18.  
  19. for (x=0; x<nazwy.length; x++) {
  20.  
  21. obr[x] = new Image();
  22.  
  23. obr[x].alt= nazwy[x];
  24.  
  25. }
  26.  
  27.  
  28.  
  29. document.getElementById('1').onmouseover = function() {
  30.  
  31. this.src = obr[1].alt;
  32.  
  33. }
  34.  
  35.  
  36. document.getElementById('1').onmouseout = function() {
  37.  
  38. this.src = obr[0].alt;
  39.  
  40. }
  41.  
  42. document.getElementById('2').onmouseover = function() {
  43.  
  44. this.src = obr[1].alt;
  45.  
  46. }
  47.  
  48.  
  49. document.getElementById('2').onmouseout = function() {
  50.  
  51. this.src = obr[0].alt;
  52.  
  53. }
  54.  
  55. document.getElementById('3').onmouseover = function() {
  56.  
  57. this.src = obr[1].alt;
  58.  
  59. }
  60.  
  61.  
  62. document.getElementById('3').onmouseout = function() {
  63.  
  64. this.src = obr[0].alt;
  65.  
  66. }
  67.  
  68. document.getElementById('4').onmouseover = function() {
  69.  
  70. this.src = obr[1].alt;
  71.  
  72. }
  73.  
  74.  
  75. document.getElementById('4').onmouseout = function() {
  76.  
  77. this.src = obr[0].alt;
  78.  
  79. }
  80.  
  81. document.getElementById('5').onmouseover = function() {
  82.  
  83. this.src = obr[1].alt;
  84.  
  85. }
  86.  
  87.  
  88. document.getElementById('5').onmouseout = function() {
  89.  
  90. this.src = obr[0].alt;
  91.  
  92. }
  93.  
  94. </script>
  95. </body>
  96. </html> 
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Warto dodać, że id nie może być liczbą.
Go to the top of the page
+Quote Post

Posty w temacie
- Mastersieciweb   [HTML][JavaScript]jak zrobic pętle   8.11.2013, 12:32:33
- - in5ane   Jak napisać poprawnie temat, nie tworząc trzech ta...   8.11.2013, 12:39:34
- - Mastersieciweb   z jakiś nieznanych przyczyn nie działa mi ta funkc...   8.11.2013, 14:55:25
- - in5ane   A może ruszysz trochę głową? Mając pętlę w PHP, ci...   8.11.2013, 17:01:59
- - kamil4u   Warto dodać, że id nie może być liczbą.   8.11.2013, 22:39:55

« Następny starszy · Przedszkole · 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 - 11:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn