Advertisement
Mikaela

Hover Pause Picture Viewer

Apr 7th, 2014
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.24 KB | None | 0 0
  1. <script type="text/javascript">
  2.  
  3. /***********************************************
  4. * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  5. * This notice MUST stay intact for legal use
  6. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  7. * Tutorial by hrrys
  8. ***********************************************/
  9.  
  10.  
  11. //Specify the slider's width (in pixels)
  12. var sliderwidth="300px"
  13. //Specify the slider's height
  14. var sliderheight="150px"
  15. //Specify the slider's slide speed (larger is faster 1-10)
  16. var slidespeed=3
  17. //configure background color:
  18. slidebgcolor="#000000"
  19.  
  20. //Specify the slider's images
  21. var leftrightslide=new Array()
  22. var finalslide=''
  23. leftrightslide[0]='<a href="http://"><img src="IMGURL" border=0></a>'
  24. leftrightslide[1]='<a href="http://"><img src="IMGURL" border=0></a>'
  25. leftrightslide[2]='<a href="http://"><img src="IMGURL" border=0></a>'
  26. leftrightslide[3]='<a href="http://"><img src="IMGURL" border=0></a>'
  27. leftrightslide[4]='<a href="http://"><img src="IMGURL" border=0></a>'
  28.  
  29. //Specify gap between each image (use HTML):
  30. var imagegap=""
  31.  
  32. //Specify pixels gap between each slideshow rotation (use integer):
  33. var slideshowgap=0
  34.  
  35.  
  36. ////NO NEED TO EDIT BELOW THIS LINE////////////
  37.  
  38. var copyspeed=slidespeed
  39. leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
  40. var iedom=document.all||document.getElementById
  41. if (iedom)
  42. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px;">'+leftrightslide+'</span>')
  43. var actualwidth=''
  44. var cross_slide, ns_slide
  45.  
  46. function fillup(){
  47. if (iedom){
  48. cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
  49. cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
  50. cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
  51. actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
  52. cross_slide2.style.left=actualwidth+slideshowgap+"px"
  53. }
  54. else if (document.layers){
  55. ns_slide=document.ns_slidemenu.document.ns_slidemenu2
  56. ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
  57. ns_slide.document.write(leftrightslide)
  58. ns_slide.document.close()
  59. actualwidth=ns_slide.document.width
  60. ns_slide2.left=actualwidth+slideshowgap
  61. ns_slide2.document.write(leftrightslide)
  62. ns_slide2.document.close()
  63. }
  64. lefttime=setInterval("slideleft()",30)
  65. }
  66. window.onload=fillup
  67.  
  68. function slideleft(){
  69. if (iedom){
  70. if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
  71. cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
  72. else
  73. cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
  74.  
  75. if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
  76. cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
  77. else
  78. cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
  79.  
  80. }
  81. else if (document.layers){
  82. if (ns_slide.left>(actualwidth*(-1)+8))
  83. ns_slide.left-=copyspeed
  84. else
  85. ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
  86.  
  87. if (ns_slide2.left>(actualwidth*(-1)+8))
  88. ns_slide2.left-=copyspeed
  89. else
  90. ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
  91. }
  92. }
  93.  
  94.  
  95. if (iedom||document.layers){
  96. with (document){
  97. document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
  98. if (iedom){
  99. write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
  100. write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
  101. write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
  102. write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
  103. write('</div></div>')
  104. }
  105. else if (document.layers){
  106. write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
  107. write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  108. write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  109. write('</ilayer>')
  110. }
  111. document.write('</td></table>')
  112. }
  113. }
  114. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement