[Resolvido] Abrir imagem em pop up

GuttoSP · Dezembro 12, 2007

Todas as imagens thumbs e originais possuem o mesmo tamanho? (Exemplo: thumbs com 120px X 100px e originais com 400px X 350px). Ou cada thumb e imagem original terá um tamanho diferente?

kathyerafa · Dezembro 12, 2007

são fotos de tamanhos diferentes

GuttoSP · Dezembro 12, 2007

kathyerafa, Testa esse aqui:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['width'] = '150';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
		win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>
</head>
<body>
<p align="center"><img src="" width="660" height="90"><br />
  <a href="1.html"><img src="01.jpg" border="1" class="thumb"></a> 
  <a href="2.html"><img src="02.jpg" border="1" class="thumb"></a> 
  <a href="3.html"><img src="03.jpg" border="1" class="thumb"></a><br />
  <a href="4.html"><img src="04.jpg" border="1" class="thumb"></a> 
  <a href="imagem5.jpg"><img src="05.jpg" border="1" class="thumb"></a> 
  <a href="imagem6.jpg"><img src="06.jpg" border="1" class="thumb"></a><br />
<img src="" width="660" height="90"></p>
</body>
</html>

kathyerafa · Dezembro 12, 2007

Eu devo substituir o outro código por esse??

Não entendi essa parte:

<body>
<p align="center"><img src="" width="660" height="90"><br />
  <a href="1.html"><img src="01.jpg" border="1" class="thumb"></a> 
  <a href="2.html"><img src="02.jpg" border="1" class="thumb"></a> 
  <a href="3.html"><img src="03.jpg" border="1" class="thumb"></a><br />
  <a href="4.html"><img src="04.jpg" border="1" class="thumb"></a> 
  <a href="imagem5.jpg"><img src="05.jpg" border="1" class="thumb"></a> 
  <a href="imagem6.jpg"><img src="06.jpg" border="1" class="thumb"></a><br />
<img src="" width="660" height="90"></p>
</body>

quando coloco isso a página fica desalinhada.

Substitui o código e não deu certo, abre uma página de tamanho normal e a imagem não aparece (fica aquela borda com um x vermelho no canto)

<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sem título</title>
<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['width'] = '150';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
	 win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>

<body>
 
   <table border="2">
	<tr> 
	  <td> 
		<div align="center"><a href="/foto 1.htm"><img src="/Imagem%20076.jpg" width="111" height="115" border="0" align="top" onClick="abreIMG(this); return false;"></a> </br>
	  
			  </div></td>

GuttoSP · Dezembro 12, 2007

Logo no início da página, antes de terminar a tag head (</head>) cole o java script:

<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['width'] = '150';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
		win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>

Em toda imagem que você quiser clicar para ampliar, coloque class="thumb", como mostro abaixo:

<a href="01.jpg" target="_blank"><img src="01.jpg" border="0" class="thumb"></a>

O 01.jpg você substitui por sua imagem.

Não precisa colocar a largura e altura da imagem na tag img. Se quiser alterar as dimensões das thumbs que serão exibidas, altere essa linha no code java script:

//Definindo a largura das thumbs
				thumbs[i]['width'] = '150';

Alterando a largura ele redimensiona a altura automaticamente.

kathyerafa · Dezembro 12, 2007

fiz exatamente o que mandou, mas continua abrindo a pagina grande. E tirei as dimensões e coloquei onde você falo, mas não redimencionou e ficou grande

<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sem título</title>
<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['height'] = '115';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
   A	 win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>

</head>

<body>

<table border="2">
	<tr> 
	  <td> 
		<div align="center"><a href="/Imagem%20076.jpg" target="_blank"><img src="/Imagem%20076.jpg" border="0" class="thumb"></a> </br> 
		</div></td>

GuttoSP · Dezembro 13, 2007

Olá, tá difícil hein?

Mas dessa vez vou deixar esse link para você conferir online, funcionando no IE6, IE7 e FF.

Um único detalhe que ví foi um 'A' sem sentido no meio do seu code, na linha 56:

//altura e largura armazenadas no array myIMG
   A	 win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);

Tire esse A do início da segunda linha, você deve ter colocado sem perceber. Se mesmo com o exemplo do link e tirando o A não resolver, poste seu code completo, de <html> a </html> ;)

kathyerafa · Dezembro 13, 2007

Oi..

vi a página que você me mandou, mas por que tem 2 retangulos, 1 em cima e 1 em baixo, que não aparecem imagem nem tem link?

tirei o A, mas continua aparecendo a tela inteira ao invés de pop up.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/pgg.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sem título</title>
<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['height'] = '115';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
	   win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>
<!-- InstanceEndEditable --> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="Layer2" style="position:absolute; left:618px; top:41px; width:137px; height:19px; z-index:2"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><strong>home 
  | contato</strong></font></div>
<div id="Layer3" style="position:absolute; left:15px; top:248px; width:276px; height:46px; z-index:3"><!-- InstanceBeginEditable name="EditRegion3" -->EditRegion3<!-- InstanceEndEditable --></div>
<div id="Layer4" style="position:absolute; left:15px; top:303px; width:500px; height:405px; z-index:4"><!-- InstanceBeginEditable name="EditRegion4" --> 
  <br>
  <table border="2">
	<tr> 
	  <td> 
		<div align="center"><a href="/Imagem%20076.jpg"><img src="/Imagem%20076.jpg" width="111" height="115" border="0" align="top" onClick="abreIMG(this); return false;"></a> </br>
	  
			  </div></td>
	  <td colspan="2"><img src="/Imagem%20081.jpg" width="216" height="115"></td>
	  <td><img src="/Imagem%20087.jpg" width="152" height="115"></td>
	</tr>
	<tr> 
	  <td><img src="/Imagem%20083.jpg" width="129" height="115"></td>
	  <td> 
		<div align="center"><img src="/Imagem%20088.jpg" width="86" height="115"></div></td>
	  <td> 
		<div align="center"><img src="/Imagem%20095.jpg" width="94" height="115"></div></td>
	  <td><div align="center"><img src="/Imagem%20102.jpg" width="144" height="115"></div></td>
	</tr>
	<tr> 
	  <td> 
		<div align="center"><img src="/Imagem%20089.jpg" width="126" height="115"></div></td>
	  <td colspan="2"><div align="center"><img src="/Imagem%20112.jpg" width="187" height="115"></div></td>
	  <td><div align="center"><img src="/Imagem%20117.jpg" width="141" height="115"></div></td>
	</tr>
  </table>
  <table width="104%" border="0">
	<tr>
	  <td width="100%"><br>
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="33" height="33" align="right">
		  <param name="BGCOLOR" value="#FFB600">
		  <param name="movie" value="button10.swf">
		  <param name="quality" value="high">
		  <embed src="button10.swf" width="33" height="33" align="right" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FFB600" ></embed> 
		</object>
		<br>
	  </td>
	</tr>
  </table>
  <br>
  <br>
  <!-- InstanceEndEditable --></div>
<table width="757" border="0" cellspacing="0">
  <tr background="/cima cópia.jpg"> 
	<td height="267" colspan="2"> </td>
  </tr>
  <tr> 
	<td width="517" height="467" background="/meiog.jpg"> 
	  <p> </p></td>
	<td width="236" background="/direitag.jpg">
<div id="Layer1" style="position:absolute; width:123px; height:177px; z-index:1; left: 596px; top: 417px;"> 
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="122" height="191">
		  <param name="movie" value="/botoes.swf">
		  <param name="quality" value="high">
		  <embed src="/botoes.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="122" height="191"></embed></object>
	  </div>
	</td>
  </tr>
  <tr> 
	<td height="49" colspan="2" background="/figura.jpg"> 
	  <div align="justify"></div></td>
  </tr>
  <tr> 
	<td height="52" colspan="2" background="/spacer.gif"> </td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>

GuttoSP · Dezembro 17, 2007

Kathy, segue o code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<script>
<!--

	//Função construtora:
	function construct(src, altura, largura) {
		this.src = src;
		this.altura = largura;
		this.largura = altura;
	}
	//Fim
	
	//Criando o array
	var myIMG = new Array();
	
	window.onload = function() {
		var thumbs = document.images;
		for (i = 0; i < thumbs.length; i++) {
			if (thumbs[i].className == 'thumb') {
				//Populando o array com as informações das imagens
				myIMG[i] = new construct(thumbs[i]['src'], thumbs[i]['height'], thumbs[i]['width']);
				//Definindo a largura das thumbs
				thumbs[i]['height'] = '115';				
				thumbs[i].i = i;
				thumbs[i].onclick = function() {
				abreIMG(this.i);
				return false;
				}
			}
		}
		document.getElementById('loading').style.display = 'none';
		document.getElementById('conteudo').style.visibility = "visible";
	}
	
	function abreIMG(gto) {
		var win = null;
		var i = 0;
		var WinSizeHor = 1; //Tamanho do popup antes de redimensionar
		var WinSizeVert = 1; //Tamanho do popup antes de redimensionar
		posHoriz = parseInt((screen.width / 2) - parseInt(myIMG[gto]['largura'] / 2));
		posVert = parseInt((screen.height / 2) - parseInt(myIMG[gto]['altura'] / 2));	
		//Criando a janela popup
		win = window.open('', 'Image' ,config='height=" + WinSizeVert + ",width=" + WinSizeHor + ",scrollbars=no,statusbar=no,left=" + posHoriz + ",top=" + posVert + "');
		if (navigator.appName == 'Netscape') {
			i = 40;
		}
		//Verficando se a imagem já existe
		if (win.document.images.length == 0) {
			win.document.write('<img src="'+myIMG[gto]['src']+'">');			
		}
		else {
			win.document.images[0].src = myIMG[gto]['src'];		
		}
		win.focus();
		//Redimensionando a popup de acordo com as dimensões da imagem original
		//altura e largura armazenadas no array myIMG
	   win.window.resizeTo(myIMG[gto]['altura']+10, myIMG[gto]['largura']+60-i);		
	}
	-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.thumb { }
-->
</style>
</head>
<body>
<div id="Layer2" style="position:absolute; left:618px; top:41px; width:137px; height:19px; z-index:2"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><strong>home
  | contato</strong></font></div>
<div id="Layer3" style="position:absolute; left:15px; top:248px; width:276px; height:46px; z-index:3"><!-- InstanceBeginEditable name="EditRegion3" -->EditRegion3<!-- InstanceEndEditable --></div>
<div id="Layer4" style="position:absolute; left:15px; top:303px; width:500px; height:405px; z-index:4"><!-- InstanceBeginEditable name="EditRegion4" -->
  <br>
  <div id="loading">
	<div align="center">
	  <p><img src="loading-gif-animation[1].gif" width="50"></p>
	  <p>Carregando Imagens </p>
	</div>
  </div>
  <div id="conteudo" style="visibility:hidden;">
	<table border="2">
	  <tr>
		<td>
		  <div align="center"><a href="Imagem%20076.jpg"><img src="Imagem%20076.jpg" border="0" align="top" class="thumb" onClick="abreIMG(this); return false;"></a> </div></td>
		<td colspan="2"><img src="Imagem%20081.jpg" class="thumb"></td>
		<td><img src="Imagem%20087.jpg" class="thumb"></td>
	  </tr>
	  <tr>
		<td><img src="Imagem%20083.jpg" class="thumb"></td>
		<td>
		  <div align="center"><img src="Imagem%20088.jpg" class="thumb"></div></td>
		<td>
		  <div align="center"><img src="Imagem%20095.jpg" class="thumb"></div></td>
		<td><div align="center"><img src="Imagem%20102.jpg" class="thumb"></div></td>
	  </tr>
	  <tr>
		<td>
		  <div align="center"><img src="Imagem%20089.jpg" class="thumb"></div></td>
		<td colspan="2"><div align="center"><img src="Imagem%20112.jpg" class="thumb"></div></td>
		<td><div align="center"><img src="Imagem%20117.jpg" class="thumb"></div></td>
	  </tr>
	</table>
  </div><table width="104%" border="0">
	<tr>
	  <td width="100%"><br>
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="33" height="33" align="right">
		  <param name="BGCOLOR" value="#FFB600">
		  <param name="movie" value="button10.swf">
		  <param name="quality" value="high">
		  <embed src="button10.swf" width="33" height="33" align="right" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FFB600" ></embed>
		</object>
		<br>
	  </td>
	</tr>
  </table>
  <br>
  <br>
</div>
<table width="757" border="0" cellspacing="0">
  <tr background="/cima cópia.jpg">
	<td height="267" colspan="2"> </td>
  </tr>
  <tr>
	<td width="517" height="467" background="/meiog.jpg">
	  <p> </p></td>
	<td width="236" background="/direitag.jpg">
<div id="Layer1" style="position:absolute; width:123px; height:177px; z-index:1; left: 596px; top: 417px;">
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="122" height="191">
		  <param name="movie" value="/botoes.swf">
		  <param name="quality" value="high">
		  <embed src="/botoes.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="122" height="191"></embed></object>
	  </div>
	</td>
  </tr>
  <tr>
	<td height="49" colspan="2" background="/figura.jpg">
	  <div align="justify"></div></td>
  </tr>
  <tr>
	<td height="52" colspan="2" background="/spacer.gif"> </td>
  </tr>
</table>
</body>
</html>

Essa é a imagem usada no 'loading', para ser exibida enquanto as imagens são carregadas.

kathyerafa · Dezembro 17, 2007

Muito muito obrigada. Deu certo.

Arquivado

[Resolvido] Abrir imagem em pop up

Recommended Posts

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kathyerafa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kathyerafa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kathyerafa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kathyerafa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kathyerafa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante