Ir para conteúdo

POWERED BY:

Arquivado

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

allan2

como se chama isto?

Por , em Javascript

Recommended Posts

allan2    0

allan2
Postado

pessoal nao tenho fotos para mostrar entao vou tentar explicar...

 

eu entrei em um site uma vez para alugar um vps, e tinha um botao escrito informaçoes sobre o plano, ao lado

e quando eu cliquei o site ficou mais escuro e abriu algo como se fosse uma pagina dentro de um "balao" sobre o site mesmo mostrando as informaçoes...

 

é algo parecido quando voce abre uma foto dentro de um forum e ela abre dentro de um "balao" ou "moldura" e o resto do site fica mais escuro....

 

alguem sabe como se chama isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Olá allan2, blza!

 

Exatamente isso...

 

Se facilitar, segue alguns links.

 

http://fancybox.net/

 

http://lokeshdhakar.com/projects/lightbox2/

 

http://www.jasonbutz.info/bootstrap-lightbox/

 

 

qualquer dúvida, posta ai.

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

allan2    0

allan2
Postado

obrigado pelos exemplos pessoal mas tenho dificuldade

 

o que estou fazendo de errado?

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<a href="http://google.com.br?iframe" width="400" height="400">teste</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

O nome correto seria Janela Modal!

 

Lightbox, fancybox são nomes de plugins escritos em javascript utilizando jQuery que você encontra com mais facilidade na surface!

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Olá Allan2, blza!

 

Seu code está incompleto, por isso não deu certo.

 

Faltou o script do jQuery(document).ready(function()

 

Já que está usando o Fancybox, veja o link da documentação de como usa-lo, basta segui-la.

 

http://fancybox.net/howto

 

Espero ter ajudado,

 

vlw

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