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

  1.  
  2. var Pic = new Array()
  3.  
  4. Pic[0] = 'img/diacor/1.jpg'
  5. Pic[1] = 'img/diacor/2.jpg'
  6. Pic[2] = 'img/diacor/3.jpg'
  7. Pic[3] = 'img/diacor/4.jpg'
  8. Pic[4] = 'img/diacor/5.jpg'
  9. Pic[5] = 'img/diacor/6.jpg'
  10. Pic[6] = 'img/diacor/7.jpg'
  11. Pic[7] = 'img/diacor/8.jpg'
  12. Pic[8] = 'img/diacor/9.jpg'
  13. Pic[9] = 'img/diacor/10.jpg'
  14. Pic[10] = 'img/diacor/11.jpg'
  15. Pic[11] = 'img/diacor/12.jpg'
  16. Pic[12] = 'img/diacor/13.jpg'
  17. Pic[13] = 'img/diacor/14.jpg'
  18. Pic[14] = 'img/diacor/15.jpg'
  19. Pic[15] = 'img/diacor/16.jpg'
  20. Pic[16] = 'img/diacor/17.jpg'
  21. Pic[17] = 'img/diacor/18.jpg'
  22.  
  23.  
  24. var t
  25. var j = 0
  26. var p = Pic.length
  27.  
  28. var preLoad = new Array()
  29. for (i = 0; i < p; i++){
  30. preLoad[i] = new Image()
  31. preLoad[i].src = Pic[i]
  32. }
  33.  
  34. function runSlideShow(){
  35. document.images.SlideShow.src = preLoad[j].src
  36. j = j + 1
  37. if (j > (p-1)) j=0
  38. t = setTimeout('runSlideShow()', speed)
  39. }
  40. </head>
  41. <body onload="runSlideShow()">
  42. <a href="diacor.html">Ť Powrót</a><br><br>
  43. <table border="0" cellpadding="0" cellspacing="0"><tr><td id="VU"><img src="img/diacor/1.jpg" name='SlideShow'></td></tr></table>
  44. </body>
  45. </html>
kalu111
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
zrobiłem coś takiego:

  1.  
  2.  
  3. var speed = 3000
  4.  
  5. var Pic = new Array() // don't touch this
  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. var opis = new Array()
  27.  
  28. opis[0] = "sdsafdS";
  29. opis[1] = "sdsafdddS";
  30. opis[2] = "sddsdsafdS";
  31. opis[3] = "sdsdsdsadafdS";
  32. opis[4] = "sdsafddddddS";
  33. opis[5] = "sdsafdddddddddddddS";
  34. opis[6] = "sdsafddddddS";
  35. opis[7] = "sdsafdS";
  36. opis[8] = "sdsafdS";
  37. opis[9] = "sdsafdddS";
  38. opis[10] = "sddsdsafdS";
  39. opis[11] = "sdsdsdsadafdS";
  40. opis[12] = "sdsafddddddS";
  41. opis[13] = "sdsafdddddddddddddS";
  42. opis[14] = "sdsafddddddS";
  43. opis[15] = "sdsafdS";
  44. opis[16] = "sdsafdS";
  45. opis[17] = "sdsafdddS";
  46.  
  47.  
  48. var t
  49. var j = 0
  50. var p = Pic.length
  51.  
  52. var preLoad = new Array()
  53. for (i = 0; i < p; i++){
  54. preLoad[i] = new Image()
  55. preLoad[i].src = Pic[i]
  56. }
  57.  
  58. function runSlideShow(){
  59. document.images.SlideShow.src = preLoad[j].src
  60. getElementById('big_foto').innerHTML = opis[j]
  61. j = j + 1
  62. if (j > (p-1)) j=0
  63. t = setTimeout('runSlideShow()', speed)
  64. }
  65. </head>
  66. <body onload="runSlideShow()">
  67. <a href="diacor.html">Ť Powrót</a><br><br>
  68. <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>
  69. </body>
  70. </html>

niestety nie działa
kalu111
te linie getElementById('big_foto').innerHTML = opis[j] zamien na document.getElementById('opis').innerHTML = opis[j]
1010
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.