Ir para conteúdo

POWERED BY:

Arquivado

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

kel cappra

redimensionando janela conforme tamanho da imagem

Recommended Posts

eae gente...seguinte, tô precisando de um script que faça um redimensionamento de janela conforme o tamanho da imagem.só que essa imagem eu puxo do banco de dados, e a programação é toda em ASP.alguém pra ajudar ae?valew

Compartilhar este post


Link para o post
Compartilhar em outros sites

seria tipo ao clicar amplia a imagem num popup e redimensiona o popup de acordo com o tamanho da imagem?

Compartilhar este post


Link para o post
Compartilhar em outros sites

exato... só q eu não uso link pra abrir uma nova janela... eu uso assim:<a href="java script:openWindow('<%=sql("foto")%>','','scrollbars=no,width=350,height=300')">ampliar</a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Catei um código aqui de um site que tenho...veja se ajuda em algo. Essa sua duvida está relacionada a javascript. Tópico movido

 

Link da imagem

<img src="produtos/foto1/media/<%=foto%>" alt="Clique sobre a imagem para ampliar" name="IMGVisProd" border="0" style="cursor:pointer" onClick="liks();"

Javascript na página do link

<script type="text/javascript">						function view_prod(view_img) {				document.IMGVisProd.src = view_img; 			}			function liks() {						  var texto = document.IMGVisProd.src			  HTMLEncode = texto.replace('media','grande');			  var caraca = 'ampliar.asp?scr='			  window.open(caraca + HTMLEncode, height = 300, width = 400)					}						</script>
Javascript no popup(ampliar.asp)

<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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<img src="produtos/foto1/media/<%=foto%>" alt="Clique sobre a imagem para ampliar" name="IMGVisProd" border="0" style="cursor:pointer" onClick="liks();"

veja o evento onclick, dentro da função links tem o seguinte

function liks() {

var texto = document.IMGVisProd.src

onde IMGVisProd é o name da imagem.

Eu não manjo muito de javascript, mas acho que a galera pode te dar uma força maior com esse exemplo que postei. Até nem sei se está faltando parde do código pois, como disse, é de um sistema que tenho, apenas peguei o trecho que faz isso que você quer

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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