日本語
<!-- bbs http://www.downcodes.com/bbs--> <!-- ハンドル下列代码追加<body> 領域内 --> <script> varzoomimages=new Array("/img/200406301 .jpg","/img/200406302.jpg","/img/200406303.jpg","/img/200406304.jpg","/img/200406305.jpg") </script> <script> // 詳細http://www.downcodes.com の javascript var imgpreload=new Array() for (i=0;i<=zoomimages.length;i++) { imgpreload[i]=new Image() imgpreload[i].src= zoomimages[i] } varzoomfactor=8 varpositionleft=0 varpositiontop=0 var timer var marginright=0 var i_fadestrength=5 var i_images=0 var step=1 var content var imageboxwidthriginal=0 var imageboxwidth=0 var imageboxheight=0 var bodywidth=0 var bodyheight=0 function setimage() { document.all.imagebox.style.visibility="hidden" bodywidth=document.body.clientWidth bodyheight=document.body.clientHeight if (i_images>=zoomimages.length) {i_images =0} content="<img name='newpic' src='"+zoomimages[i_images]+''>" imagebox.innerHTML=content imageboxwidthoriginal=document.newpic.width content="<img name='newpic' src ='"+zoomimages[i_images]+"' width=1>" imagebox.innerHTML=content document.all.imagebox.style.visibility="visible" imagebox.filters.alpha.opacity=100zoomin() } functionzoom( ) { if (imageboxwidth<(imageboxwidthoriginal/1.3)) { imageboxwidth+=zoomfactor content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidth+">" 画像ボックス。 innerHTML=コンテンツ imageboxwidth=document.newpic.width imageboxheight=document.newpic.height document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/ 2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style.visibility="visible" step+=1.1 imageboxwidth+=step timer=setTimeout("zoomin()",50) } else { clearTimeout( timer) content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidthoriginal+">" imagebox.innerHTML=content imageboxwidth=document.newpic.width imageboxheight=document。 newpic.height document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style.visibility="visible" i_fadestrength=0; timer=setTimeout("zoomout()",2000) } } functionzoomout() { if (i_fadestrength<120) { imageboxwidth+=zoomfactor content="<img name='newpic' src='"+zoomimages[i_images]+" ' width='"+imageboxwidth+"'>" imagebox.innerHTML=content imageboxwidth=document.newpic.width imageboxheight=document.newpic.height imagebox.filters.alpha.opacity=Math.floor(100-i_fadestrength) document.all。 imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style .visibility="visible" step+=1.5 i_fadestrength+=step timer=setTimeout("zoomout()",50) } else { clearTimeout(timer) i_fadestrength=0;ステップ=1; i_images++ imageboxwidth=0 setimage() } } if (document.all) { document.write("<DIV id='imagebox' style='position:absolute;filter:alpha(opacity=0);'></DIV> ") } if (document.all) { onload=setimage } </script>
