Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: dodanie podpisów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
1010
28.08.2007, 12:44:07
witam... mam taki skrypt w którym zmieniają się co jakiś czas zdjęcia... jak mógłbym dodać do zdjęć podpisy?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.    <script>
  4.  
  5. var Pic = new Array()
  6.  
  7. Pic[0] = 'img/diacor/1.jpg'
  8. Pic[1] = 'img/diacor/2.jpg'
  9. Pic[2] = 'img/diacor/3.jpg'
  10. Pic[3] = 'img/diacor/4.jpg'
  11. Pic[4] = 'img/diacor/5.jpg'
  12. Pic[5] = 'img/diacor/6.jpg'
  13. Pic[6] = 'img/diacor/7.jpg'
  14. Pic[7] = 'img/diacor/8.jpg'
  15. Pic[8] = 'img/diacor/9.jpg'
  16. Pic[9] = 'img/diacor/10.jpg'
  17. Pic[10] = 'img/diacor/11.jpg'
  18. Pic[11] = 'img/diacor/12.jpg'
  19. Pic[12] = 'img/diacor/13.jpg'
  20. Pic[13] = 'img/diacor/14.jpg'
  21. Pic[14] = 'img/diacor/15.jpg'
  22. Pic[15] = 'img/diacor/16.jpg'
  23. Pic[16] = 'img/diacor/17.jpg'
  24. Pic[17] = 'img/diacor/18.jpg'
  25.  
  26.  
  27. var t
  28. var j = 0
  29. var p = Pic.length
  30.  
  31. var preLoad = new Array()
  32. for (i = 0; i < p; i++){
  33.    preLoad[i] = new Image()
  34.    preLoad[i].src = Pic[i]
  35. }
  36.  
  37. function runSlideShow(){
  38.    document.images.SlideShow.src = preLoad[j].src
  39.    j = j + 1
  40.    if (j > (p-1)) j=0
  41.    t = setTimeout('runSlideShow()', speed)
  42. }
  43. </script>
  44. </head>
  45. <body onload="runSlideShow()">
  46. <a href="diacor.html">Ť Powrót</a><br><br>
  47.         <table border="0" cellpadding="0" cellspacing="0"><tr><td id="VU"><img src="img/diacor/1.jpg" name='SlideShow'></td></tr></table>
  48. </body>
  49. </html>
[HTML] pobierz, plaintext
kalu111
28.08.2007, 18:00:57
Utwórz druga tablice z opisami o indeksach identycznych jak ta z plikami i wtedy za jednym zamachem masz i src i opis, tylko do opisu musisz sobie zrobic gdzies miejsce winksmiley.jpg powodzenia
1010
28.08.2007, 19:06:20
zrobiłem coś takiego:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.    <script>
  4.  
  5.  
  6. var speed = 3000
  7.  
  8. var Pic = new Array() // don't touch this
  9.  
  10. Pic[0] = 'img/diacor/1.jpg'
  11. Pic[1] = 'img/diacor/2.jpg'
  12. Pic[2] = 'img/diacor/3.jpg'
  13. Pic[3] = 'img/diacor/4.jpg'
  14. Pic[4] = 'img/diacor/5.jpg'
  15. Pic[5] = 'img/diacor/6.jpg'
  16. Pic[6] = 'img/diacor/7.jpg'
  17. Pic[7] = 'img/diacor/8.jpg'
  18. Pic[8] = 'img/diacor/9.jpg'
  19. Pic[9] = 'img/diacor/10.jpg'
  20. Pic[10] = 'img/diacor/11.jpg'
  21. Pic[11] = 'img/diacor/12.jpg'
  22. Pic[12] = 'img/diacor/13.jpg'
  23. Pic[13] = 'img/diacor/14.jpg'
  24. Pic[14] = 'img/diacor/15.jpg'
  25. Pic[15] = 'img/diacor/16.jpg'
  26. Pic[16] = 'img/diacor/17.jpg'
  27. Pic[17] = 'img/diacor/18.jpg'
  28.  
  29. var opis = new Array()
  30.  
  31. opis[0] = "sdsafdS";
  32. opis[1] = "sdsafdddS";
  33. opis[2] = "sddsdsafdS";
  34. opis[3] = "sdsdsdsadafdS";
  35. opis[4] = "sdsafddddddS";
  36. opis[5] = "sdsafdddddddddddddS";
  37. opis[6] = "sdsafddddddS";
  38. opis[7] = "sdsafdS";
  39. opis[8] = "sdsafdS";
  40. opis[9] = "sdsafdddS";
  41. opis[10] = "sddsdsafdS";
  42. opis[11] = "sdsdsdsadafdS";
  43. opis[12] = "sdsafddddddS";
  44. opis[13] = "sdsafdddddddddddddS";
  45. opis[14] = "sdsafddddddS";
  46. opis[15] = "sdsafdS";
  47. opis[16] = "sdsafdS";
  48. opis[17] = "sdsafdddS";
  49.  
  50.  
  51. var t
  52. var j = 0
  53. var p = Pic.length
  54.  
  55. var preLoad = new Array()
  56. for (i = 0; i < p; i++){
  57.    preLoad[i] = new Image()
  58.    preLoad[i].src = Pic[i]
  59. }
  60.  
  61. function runSlideShow(){
  62.    document.images.SlideShow.src = preLoad[j].src
  63.    getElementById('big_foto').innerHTML = opis[j]
  64.    j = j + 1
  65.    if (j > (p-1)) j=0
  66.    t = setTimeout('runSlideShow()', speed)
  67. }
  68. </script>
  69. </head>
  70. <body onload="runSlideShow()">
  71. <a href="diacor.html">Ť Powrót</a><br><br>
  72.         <table border="0" cellpadding="0" cellspacing="0"><tr><td id="VU"><img src="img/diacor/1.jpg" name='SlideShow'></td></tr><tr><td><div id="opis"></div></td></tr></table>
  73. </body>
  74. </html>
[HTML] pobierz, plaintext

niestety nie działa
kalu111
28.08.2007, 19:17:09
te linie getElementById('big_foto').innerHTML = opis[j] zamien na document.getElementById('opis').innerHTML = opis[j]
1010
28.08.2007, 19:22:03
oczywiście mam u siebie opis... Tu mi się stara wersja wkleiła... Niestety nie działą
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.