Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [DHTML] Problem z przesuwaniem zdjęć
Forum PHP.pl > Forum > Przedszkole
Harsay
19.03.2011, 13:10:32
Witam.

Dzisiaj wstawiłem kod na moją stronę aby przesuwały się obrazki.
[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <body>
  4. <script type="text/javascript">
  5.  
  6. /***********************************************
  7. * Conveyor belt slideshow script- ˆ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  8. * This notice MUST stay intact for legal use
  9. * Visit Dynamic Drive at <a href="http://www.dynamicdrive.com/" target="_blank">http://www.dynamicdrive.com/</a> for full source code
  10. ***********************************************/
  11.  
  12.  
  13. //Specify the slider's width (in pixels)
  14. var sliderwidth="500px"
  15. //Specify the slider's height
  16. var sliderheight="200px"
  17. //Specify the slider's slide speed (larger is faster 1-10)
  18. var slidespeed=3
  19. //configure background color:
  20. slidebgcolor="#EAEAEA"
  21.  
  22. //Specify the slider's images
  23. var leftrightslide=new Array()
  24. var finalslide=''
  25. leftrightslide[0]='<img src="grafika/1.jpg" border="1">'
  26. leftrightslide[1]='<img src="grafika/2.jpg" border="1">'
  27. leftrightslide[2]='<img src="grafika/3.jpg" border="1">'
  28. leftrightslide[3]='<img src="grafika/4.jpg" border="1">'
  29. leftrightslide[4]='<img src="grafika/5.jpg" border="1">'
  30. leftrightslide[5]='<img src="grafika/6.jpg" border="1">'
  31. leftrightslide[6]='<img src="grafika/7.jpg" border="1">'
  32. leftrightslide[7]='<img src="grafika/8.jpg" border="1">'
  33. leftrightslide[8]='<img src="grafika/9.jpg" border="1">'
  34. leftrightslide[9]='<img src="grafika/10.jpg" border="1">'
  35. leftrightslide[10]='<img src="grafika/11.jpg" border="1">'
  36. leftrightslide[11]='<img src="grafika/12.jpg" border="1">'
  37. leftrightslide[12]='<img src="grafika/13.jpg" border="1">'
  38. leftrightslide[13]='<img src="grafika/14.jpg" border="1">'
  39. leftrightslide[14]='<img src="grafika/15.jpg" border="1">'
  40. leftrightslide[15]='<img src="grafika/16.jpg" border="1">'
  41. leftrightslide[16]='<img src="grafika/17.jpg" border="1">'
  42. leftrightslide[17]='<img src="grafika/18.jpg" border="1">'
  43. leftrightslide[18]='<img src="grafika/19.jpg" border="1">'
  44. leftrightslide[19]='<img src="grafika/20.jpg" border="1">'
  45. leftrightslide[20]='<img src="grafika/21.jpg" border="1">'
  46. leftrightslide[21]='<img src="grafika/22.jpg" border="1">'
  47. leftrightslide[22]='<img src="grafika/23.jpg" border="1">'
  48. leftrightslide[23]='<img src="grafika/24.jpg" border="1">'
  49. leftrightslide[24]='<img src="grafika/25.jpg" border="1">'
  50. leftrightslide[25]='<img src="grafika/26.jpg" border="1">'
  51. leftrightslide[26]='<img src="grafika/27.jpg" border="1">'
  52.  
  53. //Specify gap between each image (use HTML):
  54. var imagegap=" "
  55.  
  56. //Specify pixels gap between each slideshow rotation (use integer):
  57. var slideshowgap=1
  58.  
  59.  
  60. ////NO NEED TO EDIT BELOW THIS LINE////////////
  61.  
  62. var copyspeed=slidespeed
  63. leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
  64. var iedom=document.all||document.getElementById
  65. if (iedom)
  66. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
  67. var actualwidth=''
  68. var cross_slide, ns_slide
  69.  
  70. function fillup(){
  71. if (iedom){
  72. cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
  73. cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
  74. cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
  75. actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
  76. cross_slide2.style.left=actualwidth+slideshowgap+"px"
  77. }
  78. else if (document.layers){
  79. ns_slide=document.ns_slidemenu.document.ns_slidemenu2
  80. ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
  81. ns_slide.document.write(leftrightslide)
  82. ns_slide.document.close()
  83. actualwidth=ns_slide.document.width
  84. ns_slide2.left=actualwidth+slideshowgap
  85. ns_slide2.document.write(leftrightslide)
  86. ns_slide2.document.close()
  87. }
  88. lefttime=setInterval("slideleft()",30)
  89. }
  90. window.onload=fillup
  91.  
  92. function slideleft(){
  93. if (iedom){
  94. if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
  95. cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
  96. else
  97. cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
  98.  
  99. if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
  100. cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
  101. else
  102. cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
  103.  
  104. }
  105. else if (document.layers){
  106. if (ns_slide.left>(actualwidth*(-1)+8))
  107. ns_slide.left-=copyspeed
  108. else
  109. ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
  110.  
  111. if (ns_slide2.left>(actualwidth*(-1)+8))
  112. ns_slide2.left-=copyspeed
  113. else
  114. ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
  115. }
  116. }
  117.  
  118.  
  119. if (iedom||document.layers){
  120. with (document){
  121. document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
  122. if (iedom){
  123. write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
  124. write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
  125. write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
  126. write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
  127. write('</div></div>')
  128. }
  129. else if (document.layers){
  130. write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
  131. write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  132. write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  133. write('</ilayer>')
  134. }
  135. document.write('</td></table>')
  136. }
  137. }
  138. </script>
  139. </body>
  140. </head>
  141. </html>
[JAVASCRIPT] pobierz, plaintext


W firefoxie, operze i google chrome działa poprawnie tylko w IE "trzęsie się".

Czym może to być spowodowane?

Nikt nie pomoże?

Istnieje jakiś inny skrypt o podobnym działaniu?

Efekt błędu (występujący w ie) można sprawdzić na bazarlazienkowy.pl

Z góry bardzo dziękuję.
ixpack
19.03.2011, 21:47:37
jquery + cycle plugin + opcja continuous: 1
lżejsze i dziala jednakowo prawie we wszystkich przeglądarkach.
Harsay
22.03.2011, 14:07:51
Dziękuję bardzo, jestem początkujący i nie wiedziałem o jquery smile.gif

Daje pomógł.

A można coś zrobić aby obrazki poruszały się bez stopu?

Z góry bardzo dziękuję.
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.