Preciso de ajuda .... não conheço muito sobre html , porem gostaria de colocar janelas poup em meu site , pois é um site de fotos , e queria aprender como faço para clicar nas mini fotos e abrir uma janela poup com a foto maior ...
Bem , precisaria de várias dicas , como fazer o link etc
Espero contar com ajuda dos membros desse forum
Agradeço
Ulisses
Janelas poup up (preciso de ajuda)
Started By
ulisses
, 03/01/2003, 23:22
3 replies to this topic
#2
lilla
lilla
-
- Visitantes
Posted 04/01/2003, 07:44
Ulisses, após a tag <head> vc vai definir, as propriedades da janela que sera aberta com a foto, para isso insira:
<script language="JavaScript">
function foto(img, w, h){
obj=window.open('','', config='resizable=no,location=no,directories=no,status=no,toolbar=no,menubar=no,scrollbars=no,width=' + w + ',height=' + h + ',top=0,left=0');
obj.document.write('<html><head><title>Título da sua página</title></head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><a href="java script:window.close()"><img src=' + img + ' border="0" alt="Clique para fechar"></a></body></html>');}
</script>
--------------------------------------------------------------------------------
Agora, antes da imagem pequena, onde deve ser colocado o link indique a imagem a ser aberta e o tamnho da janela inserindo:
<a href="java script:foto('foto01.jpg',400,300)">
Conseguiu entender???
Espero ter conseguido ajudar
<script language="JavaScript">
function foto(img, w, h){
obj=window.open('','', config='resizable=no,location=no,directories=no,status=no,toolbar=no,menubar=no,scrollbars=no,width=' + w + ',height=' + h + ',top=0,left=0');
obj.document.write('<html><head><title>Título da sua página</title></head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><a href="java script:window.close()"><img src=' + img + ' border="0" alt="Clique para fechar"></a></body></html>');}
</script>
--------------------------------------------------------------------------------
Agora, antes da imagem pequena, onde deve ser colocado o link indique a imagem a ser aberta e o tamnho da janela inserindo:
<a href="java script:foto('foto01.jpg',400,300)">
Conseguiu entender???
Espero ter conseguido ajudar
#3
Danilo Arantes
Danilo Arantes
-
- Visitantes
Posted 07/01/2003, 13:07
gostaria de perguntar uma coisa, para lila,
Para esse script funcionar bem, vc precisa ter as imagens em tamanho maior, por que ele deve ter imagens de varios tamanhos, e se ele aumentar demais uma imagem ela pode ficar destorcida, não sei se estou certo, e gostaria de saber sobre isso.
obrigado!
Para esse script funcionar bem, vc precisa ter as imagens em tamanho maior, por que ele deve ter imagens de varios tamanhos, e se ele aumentar demais uma imagem ela pode ficar destorcida, não sei se estou certo, e gostaria de saber sobre isso.
obrigado!
#4
Wrathchild
-
- Usuários
-
- 335 posts
Ativo
- Sexo:Não informado
Posted 07/01/2003, 13:26
Danilo, isso não é necessário, pois na definição da função, function foto(img, w, h), o a variável w vai significar width, e a h vai significar height. Essas variáveis serão chamadas no window.open: width=' + w + ',height=' + h + '.
Então, ao chamar a função, com java script:foto('foto01.jpg',400,300) o foto01.jpg será a variável img da declaração da função. O 400 será a variável w e o 300 será a variável h citadas anteriormente.
Portanto, em cada chamada da função foto ela vai poder escolher sua altura e largura em pixels... Ficou um pouco confuso mas espero que tenha entendido...
Então, ao chamar a função, com java script:foto('foto01.jpg',400,300) o foto01.jpg será a variável img da declaração da função. O 400 será a variável w e o 300 será a variável h citadas anteriormente.
Portanto, em cada chamada da função foto ela vai poder escolher sua altura e largura em pixels... Ficou um pouco confuso mas espero que tenha entendido...
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
