Category

Development Platform
Home > SourceCode/Document > Internet-Socket-Network > WEB Mail > View Code
imgfadezoom2.js
Package: Generateur_v13.rar　[view]
Upload User: feiyaoda
Upload Date: 2016-11-21
Package Size: 9556k
Code Size: 3k
Category:

WEB Mail

Development Platform:

PHP

imgfadezoom2.js：Code Content
  2. var imgpreload=new Array()
  3. for (i=0;i<=zoomimages.length;i++) {
  4. imgpreload[i]=new Image()
  5. imgpreload[i].src=zoomimages[i]
  6. }
  8. var zoomfactor=8
  9. var positionleft=0
  10. var positiontop=0
  11. var timer
  12. var marginright=0
  13. var i_fadestrength=5
  14. var i_images=0
  15. var step=1
  16. var content
  17. var imageboxwidthriginal=0
  18. var imageboxwidth=0
  19. var imageboxheight=0
  20. var bodywidth=0
  21. var bodyheight=0
  24. function setimage() {
  25. document.all.imagebox.style.visibility="hidden"
  26. bodywidth=document.body.clientWidth
  27. bodyheight=document.body.clientHeight
  28. if (i_images>=zoomimages.length) {i_images=0}
  29. content="<img name='newpic' src='"+zoomimages[i_images]+"'>"
  30. imagebox.innerHTML=content
  31. imageboxwidthoriginal=document.newpic.width
  32. content="<img name='newpic' src='"+zoomimages[i_images]+"' width=1>"
  33. imagebox.innerHTML=content
  34. document.all.imagebox.style.visibility="visible"
  35. imagebox.filters.alpha.opacity=100
  36. zoomin()
  37. }
  40. function zoomin() {
  41. if (imageboxwidth<(imageboxwidthoriginal/1.3)) {
  42. imageboxwidth+=zoomfactor
  43. content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidth+"'>"
  44. imagebox.innerHTML=content
  45. imageboxwidth=document.newpic.width
  46. imageboxheight=document.newpic.height
  47. document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2
  48. document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2
  49. document.all.imagebox.style.overflowX="hidden"
  50. document.all.imagebox.style.visibility="visible"
  51. step+=1.1
  52. imageboxwidth+=step
  53. timer=setTimeout("zoomin()",50)
  54. }
  55. else {
  56. clearTimeout(timer)
  57. content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidthoriginal+"'>"
  58. imagebox.innerHTML=content
  59. imageboxwidth=document.newpic.width
  60. imageboxheight=document.newpic.height
  61. document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2
  62. document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2
  63. document.all.imagebox.style.overflowX="hidden"
  64. document.all.imagebox.style.visibility="visible"
  65. i_fadestrength=0;
  66. timer=setTimeout("zoomout()",2000)
  67. }
  68. }
  70. function zoomout() {
  71. if (i_fadestrength<120) {
  72. imageboxwidth+=zoomfactor
  73. content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidth+"'>"
  74. imagebox.innerHTML=content
  75. imageboxwidth=document.newpic.width
  76. imageboxheight=document.newpic.height
  77. imagebox.filters.alpha.opacity=Math.floor(100-i_fadestrength)
  78. document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2
  79. document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2
  80. document.all.imagebox.style.overflowX="hidden"
  81. document.all.imagebox.style.visibility="visible"
  82. step+=1.5
  83. i_fadestrength+=step
  84. timer=setTimeout("zoomout()",50)
  85. }
  86. else {
  87. clearTimeout(timer)
  88. i_fadestrength=0;
  89. step=1;
  90. i_images++
  91. imageboxwidth=0
  92. setimage()
  93. }
  94. }
  96. if (document.all) {
  97. document.write("<DIV id='imagebox' style='position:absolute;filter:alpha(opacity=0);'></DIV>")
  98. }
  100. if (document.all) {
  101. onload=setimage
  102. }