Ir para conteúdo

POWERED BY:

Arquivado

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

Aline Meira

Aplicar lightbox em fotos de banco de dados mysql

Recommended Posts

Sim, mas é claro que não vai funcionar: Você precisa fechar a tag "<script>".

 

Só para efeito de teste, deixe ele capturando o js remotamente através dos

 

 
<script src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js" /></script>
<link href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" />

 

Depois que tiver funcionando, mude para local.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, mas é claro que não vai funcionar: Você precisa fechar a tag "<script>".

 

Só para efeito de teste, deixe ele capturando o js remotamente através dos

 

 
<script src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js" /></script>
<link href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" />

 

Depois que tiver funcionando, mude para local.

 

 

aconteceu uma mudança aqui, veja: http://claudirimoveis.com.br/dados.php?imovel=0009

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloque os arquivos do lightbox no remoto por favor

 

 

 

<script src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js" /></script> <link href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Coloque os arquivos do lightbox no remoto por favor

 

 

 

<script src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js" /></script> <link href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" />

 

 

baixei esses arquivos:

 

jquery.lightbox-0.5.pack.js

jquery.lightbox-0.5.css
pra que não demorasse tanto a carregar, e eles já estão no servidor, já os mandei pro site. no código estão assim:
<script src="jquery.lightbox-0.5.pack.js" /></script>
<link href="jquery.lightbox-0.5.css" rel="stylesheet" />
estão na diretório raiz

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas Aline, você precisa não só destes 2 arquivos, você precisa de todo o pacote (imagens, swf, gifs e tudo mais que o lightbox exigir). Você precisa fazer o download de todo pacote do lightbox.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas Aline, você precisa não só destes 2 arquivos, você precisa de todo o pacote (imagens, swf, gifs e tudo mais que o lightbox exigir). Você precisa fazer o download de todo pacote do lightbox.

pode ser o que eu estava usando antes? (tirei pq vc comentou que não estava funcionando, ou eu entendi errado)...

Compartilhar este post


Link para o post
Compartilhar em outros sites

O seu antigo não estava funcionando mesmo, testei direto do site que lhe enviei e funcionou normalmente, provavelmente o seu antigo está na mesma situação que esse, você baixou só o arquivo sem as imagens necessárias para o arquivo CSS.

 

mas não existe só esse lightbox, você pode ver outros aqui: http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/

Compartilhar este post


Link para o post
Compartilhar em outros sites

O seu antigo não estava funcionando mesmo, testei direto do site que lhe enviei e funcionou normalmente, provavelmente o seu antigo está na mesma situação que esse, você baixou só o arquivo sem as imagens necessárias para o arquivo CSS.

 

mas não existe só esse lightbox, você pode ver outros aqui: http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/

 

leandro funcionou!!!!!!!!!!! eu nem acredito. :clap:

só que como eu faço pra aparecer as setas de prox e ant?

veja como está: http://claudirimoveis.com.br/dados.php?imovel=0009

Compartilhar este post


Link para o post
Compartilhar em outros sites

leandro ? rsrsrsrs. Não me chamo Leandro..

 

Bom, as setas não devem estar aparecendo pois você deve verificar o arquivo CSS do lightbox para onde está sendo apontado o caminho das imagens.

Compartilhar este post


Link para o post
Compartilhar em outros sites

leandro ? rsrsrsrs. Não me chamo Leandro..

 

Bom, as setas não devem estar aparecendo pois você deve verificar o arquivo CSS do lightbox para onde está sendo apontado o caminho das imagens.

iiiiiiiiiiii!!!! sério?? desculpa scientist rsrs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sem problemas !

 

Marque o post como resolvido e boa sorte no seu projeto.;

espere aí...

mesmo sem aparecer as fotos dos botões não tem o link de prox e ant? é que aqui abre como imagem individual.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faz assim ...

 

 

 

	
		
			
				<a href="http://www.claudirimoveis.com.br/fotos/0009%20%285%29.jpg" rel="lightbox-fotos"><img src="http://www.claudirimoveis.com.br/fotos/0009%20%285%29.jpg" width="50" height="40" border="0" alt='Clique para ampliar'></a>
		
		
			
				 
			
				 
		
	

 

Coloca o rel='lightbox-fotos' em todas que você quer agrupar e teste. Lembrando que a navegação não fica em baixo fica mas ou menos em cima da foto e só aparece quando você passa o mouse.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faz assim ...

 

 

 

	
		
			
				<a href="http://www.claudirimoveis.com.br/fotos/0009%20%285%29.jpg" rel="lightbox-fotos"><img src="http://www.claudirimoveis.com.br/fotos/0009%20%285%29.jpg" width="50" height="40" border="0" alt='Clique para ampliar'></a>
		
		
			
				 
			
				 
		
	

 

Coloca o rel='lightbox-fotos' em todas que você quer agrupar e teste. Lembrando que a navegação não fica em baixo fica mas ou menos em cima da foto e só aparece quando você passa o mouse.

 

 

 

deu certo!!!!!! muuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuito obrigada! faz um tempão que eu estava quebrando a cabeça pra conseguir fazer isso. vc não sabe o quanto me ajudou. obrigada mesmo! vou colocar o tópico como resolvido. :clap: :bye:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.