Clique para abrir a janela POP-up

PÁGINA DE FOTO AO LADO DA PÁGINA
PARA VER É SÓ RODAR O RODAPÉ HORIZONTAL
<div id="object1" style="left: 1040px; position: absolute; top: 0px; z-index: 2;"><img alt="Velocimetro RJNET" height="750" src=" COLOQUE AQUI OENDEREÇO DA IMAGEM " width="1130" /><img alt="Velocimetro RJNET" height="750" src="COLOQUE AQUI OENDEREÇO DA IMAGEM " width="1130" /><img alt="Velocimetro RJNET" height="750" src=" COLOQUE AQUI OENDEREÇO DA IMAGEM " width="1130" /><img alt="Velocimetro RJNET" height="750" src="COLOQUE AQUI OENDEREÇO DA IMAGEM " width="1130" /></div>PÁGINA DE FOTO AO LADO DA PÁGINA<br /> PARA VER É SÓ RODAR O RODAPÉ HORIZONTAL

ESTE É O CÓDIGO QUE PASSE O MOUSE PARA VER AS FOTOS
VER O RESULTADO AQUI
<img src="http://lh5.ggpht.com/_tSgZoxiuQ-4/Sxb2dxbLZ1I/AAAAAAAAAV0/6Bht0Jmw-Jk/normal.gif" /><br /> <ul id="nav"></ul><li><a href="http://www.blogger.com/post-edit.do#">PASSE O MOUSE PARA VER AS FOTOS</a><br /> <ul><li><a href="" onclick="window.open('', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> <li><a href="" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> <li><a href="" onclick="window.open('', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> <li><a href="" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> <li><a href="" onclick="window.open('', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> <li><a href="" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');"><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /></a></li> </ul><style type="text/css"> ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:149px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #060864; background:#000000; padding:5px; border:1px solid #FF69B4; border-bottom:0; } /*correção \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correção*/ li:hover ul, li.over ul { display:block; } </style><br /> <script language="JavaScript" type="text/JavaScript"> <!– startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } }} } } window.onload=startList; //–> </script> <br />

PASSE O MOUSE PARA VER AS FOTOS

----------------------------------- --------- -----------------------------------------------------------------------------------
• 
• 
• 
• 
• 
• 
  
  
  
  
  

Coloque foto link com janela POP-up em qualquer lugar do seu site

Coloque foto link com janela POP-up em calquer lugar do seu site
basta ajustar left:840px, é o lado da pagina
ajustar top:150px é altura



<div id="object1" style="position:absolute; visibility:show; left:8px; top:150px; z-index:2"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=400');"><img src="COLOQUE O ENDEREÇO DA IMAGEM "> </a></a><br /> </tr> </table></div><div id="object11" style="position:absolute; visibility:show; left:-10px; top:-10px; z-index:2"></div>