ampliar imagem loja virtual
olá galera como fazer aquele sistema de ampliaç]ao de imagem que TELA FICA ESCURA DE FUNDO E A GENTE VAI VENDO TODA SEQuencia das fotos do produto? Da para eu adaptar no meu? segue abaixo o meu amplia.asp
<html>
<head>
<title>-| Ampliar Imagem |-</title>
<script>
function windowWidth()
{
if(navigator.userAgent.indexOf("MSIE") != -1)
{
return document.body.clientWidth;
} else {
return window.innerWidth;
}
}
function windowHeight()
{
if(navigator.userAgent.indexOf("MSIE") != -1)
{
return document.body.clientHeight;
} else {
return window.innerHeight;
}
}
function format_window(img, preload)
{
img = document.getElementById(img);
preload = document.getElementById(preload);
preload.style.display = "none";
img.style.display = "inline";
window.resizeBy(img.width - windowWidth(), img.height - windowHeight());
x = (screen.width - windowWidth()) / 2;
y = (screen.height - windowHeight()) / 2;
window.moveTo(x,y);
}
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
}
-->
</style></head>
<body onLoad="format_window('img','preload')" style="background: white">
<div id="preload">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td align=center><span class="pretom-10 style1"><b>Carregando imagem...<b></span></td>
</tr>
</table> </td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><img src="images/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td style="padding: 10px;" bgcolor="#F1F5F8" align=center><img src="layout/imagens/carregando.gif" width="90" height="13"></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><img src="images/spacer.gif" width="1" height="1"></td>
</tr>
</table>
<blockquote> </blockquote>
</div>
<a href="javascript: window.close()"><img id="img" src="<%=request("scr")%>" style="display: none" border=0 alt="Clique para fechar!"></a>
</body>
</html>
Valeu
Discussão (4)
Carregando comentários...