Jump to content


Photo

Redimensionando Pop Up


  • Faça o login para participar
3 replies to this topic

#1 saninha

saninha

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado
  • Localidade:Novo Hamburgo - RS
  • Interesses:Internet. Programação. Edição de Imagens. Músicas. Textos. etc

Posted 10/05/2004, 16:50

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?


/.ontem.eu.estava.sonhando./
/.que.eu.estava.com.voce./
/.mas.eu.só.estava.sonhando./
/.com.uma.coisa.que.nao.vai.acontecer./

#2 Rustin

Rustin

    Parradise

  • Usuários
  • 578 posts
  • Sexo:Não informado

Posted 10/05/2004, 17:05

Tem sim (y)
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 :P - te ajudar...

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 saninha

saninha

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado
  • Localidade:Novo Hamburgo - RS
  • Interesses:Internet. Programação. Edição de Imagens. Músicas. Textos. etc

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


/.ontem.eu.estava.sonhando./
/.que.eu.estava.com.voce./
/.mas.eu.só.estava.sonhando./
/.com.uma.coisa.que.nao.vai.acontecer./

#4 jluis

jluis

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 11/05/2004, 06:15

oi,

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)

IPB Skin By Virteq