Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Premonisor

Janela do tamanho de uma imagem, como?

Por , em Javascript

Recommended Posts

Premonisor    0

Premonisor
Postado

E aí galerinha na paz??Olha só... ñ sei se isso é Java ou n mas tava vendo num site o código e vi q era Java... é q eu to criando um blog e nele vou expor uns trabalhos de Logos e Arquitetura q faço, mas queria fazer o seguinte, aquele esquema de quando você clica numa imagem menor, você abre um zoom dela, ou seja, abre a mesma imagem só q em tamanho maior numa janela, só que a janela tem o tamanho da imagem e ñ uma janela do IE normal... deu pra entender? rsssAlguém sabe como é esse código, onde consigo estuda-lo, baixa-lo sei lá eu? rssAbraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jair Humberto    2

Jair Humberto
Postado

existe mais de uma forma:

 

<html>	<head>		<title>teste</title>	</head>	<script language="JavaScript" type="text/javascript"><!--		function ImageZoom(imagem){			var variavel=window.open("","IMAGEPAGE","menubar=no, scrollbars=no, hotkeys=no status=no,screenX=0, screenY=0, resizable=no");			variavel.document.write("<html><head><title>"+imagem+"<\/title><\/head>");			variavel.document.write("<script>resizeTo\(400,300\)</script>");			variavel.document.write("<body leftmargin=\"0\" topmargin=\"0\">");			variavel.document.write("<img src=\"inverno.jpg\" width=\"100\%\" height=\"100\%\" onclick=\"window.close\(\)\" style=\"cursor:hand\" title=\"clique para fechar\" ismap>");			variavel.document.write("<\/body><\/html>");			variavel.document.close();		}	//--></script>	<body>		<img src="inverno.jpg" width="200" height="150" onclick="ImageZoom('Inverno')" style="cursor:hand">	</body></html>

^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites

Premonisor    0

Premonisor
Postado

Hummmmm TD D BOM, vou testar aqui pra ver se vai rolar pq vou colocar as imagens de um jeito meio, complicado heheMas BRIGADÃO GALERA!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Premonisor    0

Premonisor
Postado

E aí galerinha beleza??? To com um PROBLEMA!!

 

Olha só ñ consegui trabalhar com o código que me passaram mas arrumei um outro jeito aqui... o problema que está acontecendo é que ñ consigo trabalhar com mais de uma imagem.... se eu coloco duas imagens para carregar sendo uma diferente da outra, sempre carrega a mesma imagem messssssmo o link delas sendo diferente..... alguém pode me dar um HELP???? Reparem no código como o link das imagens é diferente... mas semmmmpre carrega a mesma imagem e eu ñ sei o pq.... q eu faço??????

 

Olha o código:

 

Com as duas imagens..... o código ta bagunçado pq eu só estava testando....

<html><head></head><body></body></html>	<div id="Layer3" style="position: absolute; left: 53; top: 199; height: 263; z-index: 6; overflow: auto">			  <table width="210" border="0" height="153" align="left" cellpadding="0" cellspacing="0">				<tr>				  <td class="cab" width="269" align="left"><a href="java script:load()"><img border="0" src="imagem1.jpg" width="180" height="68"></a><script Language="JavaScript"><!-- function load() {var load = window.open('http://static.flickr.com/42/87058420_d4569199f2_o.jpg','','scrollbars=no,menubar=no,height=250,width=550,resizable=no,toolbar=no,"location=no",status=no');}// -->				  </Script><p> </td>				</tr>				<tr>				  <td class="cab2" width="269" align="left">Meu Logotipo</td>				</tr>				<tr>				  <td height="11" width="269" align="left"></td>				</tr>				<tr>				  <td class="cab" width="269" align="left"><a href="java script:load()"><img border="0" src="imagem2.jpg" width="180" height="122"></a><script Language="JavaScript"><!-- function load() {var load = window.open('http://static.flickr.com/39/87060558_64fc1c0f87.jpg','','scrollbars=no,menubar=no,height=250,width=550,resizable=no,toolbar=no,"location=no",status=no');}// -->				  </Script><p> </td>				</tr>				<tr>				  <td class="cab2" width="269" align="left">				   </td>				</tr>				<tr>				  <td class="cab2" width="269" align="left"> </td>				</tr>				<tr>				  <td height="11" width="269" align="left"></td>				</tr>				<tr>				  <td class="cab" width="269" align="left"> </td>				</tr>			  </table>			</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Premonisor    0

Premonisor
Postado

Ñ consegui velho, mas do jeito q tentei tem um código mais simplificado.... só que ñ ta funcionando com mais de uma imagem.... onde to errando?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito