Português
<!-- website:http://www.downcodes.com --> <!-- bbs:http://bbs.downcodes.com --> <!-- O código HTML completo é o seguinte --> <html > <head> <title>Um efeito de exibição de imagem semelhante ao produzido pelo Flash</title> <meta name="Author" content="http://www.downcodes.com"> <meta http-equiv= "imagetoolbar" content="no"> <style type="text/css"> corpo {cursor:cruz;margem:0;posição:absoluto; topo:0 ; largura:100%; altura:100%;zIndex:-2;} </style> <script type="text/javascript"><!-- // ========== === ====================================== // http://www. downcodes.com // Versão DOM: 2005.4 // ======================================== ===== ========== window.onerror = new Function("return true"); screen.bufferDepth = 16; document.onselectstart = function () { return false } //// ///// ////////////////// var NX = 3; ////// ////////////////// var object = new Array(); 1; var iW = 0; = new Function("objeto[ "+N+"].GE1()"); this.obj.onmousedown = new Function("return false;"); .style.position = "absoluto"; this.img = document.createElement("img"); this.img.style.position = "absoluto"; .obj.appendChild(this.img); IMGBOX.appendChild(this.object = new Array(); this.x = x; 0; this.H = 0 ; this.L = 0; this.T = 0; função CImg(Parent,y,x){ this.Parent = Parent; .obj.style.position= "absoluto"; this.obj.style.overflow="oculto"; this.obj.style.cursor = "ponteiro"; this.img = document.createElement("img"); img.style.position = "absoluto"; this.img.src = IMGSRC[N%nI].src; this.obj.appendChild(this.img); .N = Pai.N; isto.x = x; isto.y = y; .dy = 0; este.pw = 0; este.ipx = 0; = 0; isto.idx = 0; isto.idy = 0; isto.GE2 = função (){ com(este){ px -= dx * dR; += dh * dR; ipx -= idx * dR; ipy -= idy * dR; (pw)+1; altura = Math.round(ph)+1; if(dR==-1)if(pw<=W+1)obj.style.visibility="hidden" } with(img.style; ){ esquerda = Math.round (ipx-oW); topo = Math.round(ipy-oH } if(++xrun>=NX*NY*SP){ xrun=0; ==-1)Parente.obj.style.zIndex = 0; dR = -dR; ; py = T; ((Parent.L + L) - (x * Parent.W)) / SP; = W ph = H; ) - L) / SP; .height-document.body.offsetHeight)/2; senão oH = 0; ; senão oW = 0; for (i=0;i<SP;i++) setTimeout("objeto["+N1+"].objeto["+N2+"].GE2()",16*i); .DOOT = função (){ com(este){ W = Pai.W / NX H = Pai.H / NY; var i=0;i< NY;i++) for(var j=0;j<NX;j++) this.object[k++] = new CImg(this,i,j); (isto){ if(! run){ TXTBOX.innerHTML = "<div style='margin:2%'>"+TXTSRC[N%nI].innerHTML+"</div>"; .zIndex = 1; for( var i=0;i<NX*NY;i++) setTimeout("objeto["+N+"].objeto["+i+"].GE1("+N+","+i+" )",i*DELAY) ; } } } this.DOOT = function (){ with(this){ if(img.width<iW)iW=img.width; if(img.height<iH)iH=img. altura com(obj.style ){ W = largura = iW / NX H = altura = iH / NY; = W; altura = H } for(var i no objeto) objeto[i].DOOT(); } } } onload = function() { IMGSRC = document.getElementById("imgsrc").getElementsByTagName("img") TXTSRC = document.getElementById("txtsrc").getElementsByTagName("div"); );iH = document.body .offsetHeight;iW = document.body.offsetWidth/2; 0;j<NX;j++ ){ objeto[k] = new CObj(k,i,j); objeto[k++].DOOT() } IMGBOX.style.width = iW; ;TXTBOX.style.width = iW; -iH/2; } / /--> </script> </head> <body> <div style="position:absolute;left:50%;top:50%;"><div id="center" style="position:absolute; "> <div id="imgbox" style="position:absolute;left:0;top:0;overflow:hidden;"></div> <div id="txtbox" style= "posição:absoluta;visibilidade: oculto;overflow:oculto;fundo:#333;cor:#FFF;família da fonte:verdana;tamanho da fonte:0,8em;"> <div style="margin:2%"> < h2>IMGBOX</h2> Clique nas miniaturas à esquerda para ampliar a imagem. A descrição conectada à imagem clicada é exibida aqui.<br> <br>Observação: por motivos de desempenho, as imagens não são redimensionadas e devem ser todas de. o mesmo tamanho </div > </div> </div></div> <div id="imgsrc" style="visibility:hidden"> <img src=""> <img src=""> < img src=""> < img src=""> <img src=""> <img src=""> <img src=""> <img src=""> <img src=""> </ div> <div id=" txtsrc" style="visibility:hidden"> <div> <h2>o rio</h2><br>Despertar do meu cochilo à beira do rio </div> <div> <h2>transparência </h2><br> Sua transparência era hipnotizante </div> <div> <h2>fria</h2><br>Correntes de água fria brincavam com a luz. </h2><br> Joguei algumas nozes no rio. Elas flutuaram por um tempo e depois afundaram. </div> <div> <h2>mascaradas</h2><br>Uma pedra larga mascarou o rio. profundidade da água. </div> <div> <h2>um vislumbre</h2><br>Mais tarde, tive um vislumbre do leito do rio </div> <div> <h2>esquecido</h2><. br>A cadeira de rodas fez barulho. Mais uma vez, eu tinha esquecido das minhas pernas </div> <div> <h2>flutuava</h2><br>Ainda assim, flutuei no esquecimento das coisas muito reais. <div> <h2>para mim</h2><br>Fiquei olhando fixamente para os braços abertos da água. O riacho cantava para mim </div> </div> <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www. .dhteumeuleu.com - fevereiro de 2005 --> <span id=LB0 style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font -size:10px;cor: #FFFFFF;esquerda:-50;topo:-18">Carregando...</span> <span style="posição:absolute;esquerda:-50;topo:-5;fonte- tamanho:1px;largura:100 ;altura:10px;fundo:#333"><span id=LB1 style="posição:absoluta;esquerda:0;topo:0;tamanho da fonte:1px;largura:0;altura: 10px;background:#FFFFFF" </span></span></span> <script>m00=document.getElementById("imgsrc").getElementsByTagName("img");m01=m00.length;function images_loading_bar( ){m02=0;for (i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round( m02/m01*100); if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); };images_loading_bar();< /script> <!-- fim do código images_loading_bar --> </body> </html>
