Ir para conteúdo

POWERED BY:

Arquivado

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

Quel.RC

Pop up botão fechar

Por , em Javascript

Recommended Posts

Quel.RC    0

Quel.RC
Postado

Procuro muito na internet e não acho nada que me agrade.

 

Sou nova nesse meio, e queria saber como que faço um POP UP, com fundo branco e com um botãozinho fechar.

Igual ao GLOBO.COM quando você clica em ampliar imagem http://globoesporte.globo.com/Esportes/Not...DA+LIBERTA.html

 

 

Desde já agradeço a todos!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quel.RC    0

Quel.RC
Postado

Na verdade, eu intendo nada de CSS.

 

Sempre tenho dificuldade de ler alguns tuto, que na verdade são faceis mais quando estou criando da erro.

Pois ja fiz um no Flash que deu erro.

 

se puderem me explicar detalhadamente.

Agreço demais.

 

 

=D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

bom fica um pouco complicado detalhar tudo..

 

aconselho dar uma estudada sobre CSS e javascript.. no exemplo que passei o css usa atributos basicos.. e para usar este efeito não é complicado..

apenas adicione o arquivo do lightbox na sua pagina chame o css e faça a tag

 

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

 

se ainda estiver muito ruim pode mandar email que ajudo sem problema..

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quel.RC    0

Quel.RC
Postado

Assim, eu vi la o site...

Eu traduzi pela internet.

Mais não entendi muito bem.

 

deu a intender que é um programa esse Lightbox?

 

Eu fiz no Dreamweaver, colokei as tags la..

Mais eles não falam se tem ordem... se tem que substituir..

 

 

To com muita duvida... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

 

Valeu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

então faz o download dos arquivos... todos..e coloca no mesmo diretorio..

 

segue exemplo...

<html>
<head>
	<script type="text/javascript" src="lightbox.js"></script>
	<link media="screen" type="text/css" href="lightbox.css" rel="stylesheet">
</head>
<body>
	<a href="suaimg.jpg" rel="lightbox" title="my caption">image #1</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quel.RC    0

Quel.RC
Postado

Eu fui procura na internet...

 

Só que assim

A minha duvida é que eles falam para mim modifica algumas coisas no lightbox.css e num outro .jv

 

Só que eles dizem pra mim abrir na raiz dso meu site

como que eu faço isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

onde fala? modificar oque?

 

se você fazer o exemplo do site ou o que te mostrei irá funcionar...

 

não entendi a duvida...

 

depois apenas coloque os aquivos no seu site que irá funcionar.. claro chamando eles certo..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

humm.. segue o exemplo que mandei tenta fazer funcionar pq se não você se confunde mais rs..

 

alguma duvida no exemplo que mandei??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quel.RC    0

Quel.RC
Postado

Devo estar sendo muito chata...

 

Mais vou expor todas as minhas duvidas...

 

No site em que você me mandou esta assim:

 

# Include lightbox.js in your header.

 

<script type="text/javascript" src="lightbox.js"></script>

 

# Add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

 

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

 

Optional: Use the title attribute if you want to show a caption.

 

tudo isso eu ponho aonde? logo após o <head>

 

 

 

Depois tem assim customize

Tudo aqui eu ponho aonde?

 

E a raiz que ele diz é que tudo tem que estar na mesma pasta salvo?

 

Obrigado pela paciencia http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

então o 

<script type="text/javascript" src="lightbox.js"></script>

é no header..e a chamado do css tbm.. sempre deve ser no header

 

title attribute é o titulo para mostrar na hora que abre a janela você pode ou não colocar..

 

o

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

é no body do geito que ta o exemplo que fiz seria tudo na mesma pasta mas se por acaso você quizer colocar o .js em outra pasta você coloca o caminho correto..

 

 

os arquivos você coloca onde quiser...

 

 

testa ai o exempl que pode ajudar a entende...

 

<html>
<head>
	<script type="text/javascript" src="lightbox.js"></script>
	<link media="screen" type="text/css" href="lightbox.css" rel="stylesheet">
</head>
<body>
	<a href="suaimg.jpg" rel="lightbox" title="my caption">image #1</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

veja o caminho da imagem...provavelmente está errado..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

não precisa mecher não..

 

você colocou a img na mesma pasta?? se não coloca o caminho enteiro..

 

pq se não não acha mesmo..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quel.RC    0

Quel.RC
Postado

eu colokei na mesma pagina...

 

e colokei no só no lugar que esta suaimg.jpg

 

 

ta certo né

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

isso mas tem que estar correto o caminho.. vamos supor que estiver em outra pasta você coloca "img/suaimg.jpg"

 

entendeu?

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