Español
<!-- http://www.downcodes.com --> <!-- bbs http://bbs.downcodes.com --> <!--Para lograr este efecto, se requieren dos pasos: el primer paso. es: Agregue el siguiente código al área <cuerpo>--> <ESTILO> .spanstyle { IZQUIERDA: -5000px; POSICIÓN: absoluta } </ESTILO> <script> <!-- var imgwidth=468 var imgheight=120 var imgurl=nueva matriz() imgurl[0]="/u/info_img/2009-06/20/1209_logo.gif" imgurl[1]="" imgurl[2]="" var imgpreload=nueva matriz() para ( i=0 ;i<=imgurl.length-1;i++) { imgpreload[i]=nueva imagen() imgpreload[i].src=imgurl[i] } var x_finalpos=300 var y_finalpos=200 var x_slices=8 var y_slices=3 var pausa=10 var ancho de pantalla=800 var altura de pantalla=500 var x_step=new Array() var y_step=new Array() var x_randompos=0 var y_randompos=0 var i_loop=0 var max_loop=20 var i_image=0 var width_slice=Math .floor(imgwidth/x_slices) var height_slice=Math.floor(imgheight/y_slices) var cliptop=0 var clipbottom=height_slice var clipleft=0 var clipright=width_slice var spancounter=0 function iniciar() { cliptop=0 clipbottom =height_slice clipleft =0 clipright=width_slice i_loop=0 spancounter=0 if (document.all) { para (i=0;i<=y_slices-1;i++) { para (ii=0;ii<=x_slices-1; ii++) { var thisspan=eval("document.all.span"+spancounter+".style") x_randompos=Math.ceil(ancho de pantalla*Math.random()) y_randompos=Math.ceil(altura de pantalla*Math.random()) thisspan.posLeft =x_randompos thisspan.posTop=y_randompos thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright+=width_slice spancounter++ } clipleft=0 clipright=width_slice cliptop+ =height_slice clipbottom+ =height_slice } } explode_IE() } function changeimage() { spancounter=0 for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan =eval("document.all.span"+spancounter+".style") thisspan.posLeft=-5000 thisspan.posTop=-5000 spancounter++ } } spancounter=0 if (i_image>imgurl.length-1) {i_image =0} para (i=0;i<=y_slices-1;i++) { para (ii=0;ii<=x_slices-1;ii++) { var thisinnerspan=eval("span"+spancounter) thisinnerspan.innerHTML= "<img src='"+imgurl[i_image]+"'>" spancounter++ } } i_image++ iniciar() } function explode_IE() { spancounter=0 if (i_loop<=max_loop-1) { for (i=0;i <=y_slices -1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") x_step[spancounter]=( x_finalpos-thisspan .posLeft)/(max_loop-i_loop) y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop) thisspan.posLeft+=x_step[spancounter] thisspan.posTop+=y_step[spancounter] spancounter++ } } i_loop++ var timer= setTimeout("explode_IE()",pausa) } else { spancounter=0 clearTimeout(timer) var timer=setTimeout("changeimage()",2000) } } --> </script> <script> <! -- if (document.all) { para (i=0;i<=y_slices-1;i++) { para (ii=0;ii<=x_slices-1;ii++) { document.write("<span id= 'span" +spancounter+"' class='spanstyle'></span>") spancounter++ } } spancounter=0 } --> </script> <!--Paso 2: Agregue "onload=changeimage()" a < cuerpo >Por ejemplo en la etiqueta: --> <body onload=changeimage()>
