Tenho uma galeria de imagens que abre em Pop Up, mas cada uma tem um tamanho diferente. Sera que tem algo que auto redimensione os Pop Ups para aparecer a imagem inteira?

Redimensionando Pop Up
Started By saninha, 10/05/2004, 16:50
3 replies to this topic
#1
Posted 10/05/2004, 16:50
/.ontem.eu.estava.sonhando./
/.que.eu.estava.com.voce./
/.mas.eu.só.estava.sonhando./
/.com.uma.coisa.que.nao.vai.acontecer./
#2
Posted 10/05/2004, 17:05
Tem sim
E o melhor de tudo é que é bastante simples... Dê uma olhada nesse tópico:http://forum.wmonlin...showtopic=66181...
Qualquer dúvida posta ae para que possamos - tentar neh
- te ajudar...
Abraços do Rio Grande do Sul!

E o melhor de tudo é que é bastante simples... Dê uma olhada nesse tópico:http://forum.wmonlin...showtopic=66181...
Qualquer dúvida posta ae para que possamos - tentar neh

Abraços do Rio Grande do Sul!

Edição feita por: Rustin, 10/05/2004, 17:07.
"O fracasso não é o contrário do sucesso, mas sua fonte de inspiração". Thomas Edison
#3
Posted 10/05/2004, 17:38
Nao funcionou!!! Coloquei o código e nao mudou o pop up, mudou a pagina em si
. Me diga uma coisa: preciso por na pagina onde esta a galeria, certo? Mas se cada foto possui um tamanho diferente como faço? Ele nao pode buscar nenhum padrão, porque não há!
Ai ai ai. nao sei o que fazer

Ai ai ai. nao sei o que fazer

/.ontem.eu.estava.sonhando./
/.que.eu.estava.com.voce./
/.mas.eu.só.estava.sonhando./
/.com.uma.coisa.que.nao.vai.acontecer./
#4
Posted 11/05/2004, 06:15
oi,
insere esse codigo no <HEAD> da pagina
Exemplos de links para Chamar as imagens:
Exemplo 1: link de texto
Exemplo 2: link de imagem
Exemplo 3: Botão form
Abraços
insere esse codigo no <HEAD> da pagina
<script> // SETUPS: // =============================== // Posição horizontal e vertical do popup PositionX = 100; PositionY = 100; // Tamanho MAXimo que o popup pode ter defaultWidth = 500; defaultHeight = 500; // coloca autoclose = true para que a janela fechar automatucamente // coloca autoclose = false para multiplos popups var AutoClose = true; // NAO MEXA ABAIXO DESTA LINHA... // ================================ if (parseInt(navigator.appVersion.charAt(0))>=4){ var isNN=(navigator.appName=="Netscape")?1:0; var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;} var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY; var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY; function popImage(imageURL,imageTitle){ if (isNN){imgWin=window.open('about:blank','',optNN);} if (isIE){imgWin=window.open('about:blank','',optIE);} with (imgWin.document){ writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>'); writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){'); writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}'); writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);'); writeln('width=100-(document.body.clientWidth-document.images[0].width);'); writeln('height=100-(document.body.clientHeight-document.images[0].height);'); writeln('window.resizeTo(width,height);}');writeln('if (isNN){'); writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}'); writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>'); if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">') else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">'); writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>'); close(); }} </script>
Exemplos de links para Chamar as imagens:
Exemplo 1: link de texto
<a href="javascript:popImage('http://SeuSite.com.br/NomeImagem.gif','Qualquer Titulo')"> Click Aqui </a>
Exemplo 2: link de imagem
<a href="javascript:popImage('http://SeuSite.com.br/NomeImagem.gif','Qualquer Titulo')"> <img src="ImagemOrigem.gif" border="0"> </a>
Exemplo 3: Botão form
<form> <input type="button" value="Click Aqui" onClick="popImage('NomeImagem.gif','Qualquer Titulo')"> </form>
Abraços
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)