Ir para conteúdo

POWERED BY:

Arquivado

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

ReAdShOtErS

Similares Lightbox

Por , em Desenvolvimento frontend

Recommended Posts

Aprendiz CSS    3

Aprendiz CSS
Postado

muito legal isso... alguem sabe dizer qual deles é o melhor e mais leve?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Vale lembrar que alguns Similares do Lightbox possuem licença de uso restrita e é preciso pagar para usar em sites comerciais.

 

Tomem cuidado com isso...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mariel    0

Mariel
Postado

Gente, já testei alguns lightbox aqui e gostei do jQuery (http://leandrovieira.com/projects/jquery/lightbox/).

Mas eu preciso que um link na página principal consiga abrir todas imagens dentro de uma determinada pasta. E eu tenho vários links para serem abertos suas respectivas pastas, só que ele lê o primeiro link, o segundo link, o terceiro e assim vai. Não entende (e eu não sei explicar, hehe) que quero que abra o grupo de fotos da pasta.

 

Tem como fazer isso com o jQuery?

 

Ou existe outro que faça isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mariel    0

Mariel
Postado

ô Tiago,

Obrigada pela ajuda, mas eu consegui me resolver! Tô feliiiizzz!!! =D

Estou há horas quebrando a cabeça aqui e o código é o seguinte.

 

Pra fazer várias galerias numa página só com apenas um link em cada imagem meu código ficou o seguinte (Depois de colocar os arquivos do <head>):

 

<head>

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />	
	
	<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
	<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
	<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

	<!-- Ativando o jQuery lightBox plugin -->
	<script type="text/javascript">
	$(function() {
		$('a.piquet').lightBox(); // as classes de cada galeria separadas
		$('a.toalha').lightBox();
		$('a.bicho').lightBox();
	});
	</script>
</head>

<body>

<ul>
				<li>
				<a class="piquet" href="produtos/adulto-piquet/DSC_0075.jpg" title="Cabides em piquet, várias cores">
									  <img src="imagens/produtos/adulto-piquet.jpg" alt="Piquet" border="0" /></a>
				<a class="piquet" href="produtos/adulto-piquet/DSC_0076.jpg" title="Cabides em piquet, várias cores"></a>
				</li>
				
				<li>
				<a class="toalha" href="produtos/adulto-toalha/DSC_0021.jpg" title="Cabides em toalha, várias cores">
									  <img src="imagens/produtos/adulto-toalha.jpg" alt="Toalha" border="0" /></a>
				<a class="toalha" href="produtos/adulto-toalha/DSC_0022.jpg" title="Cabides em toalha, várias cores"></a>
				<a class="toalha" href="produtos/adulto-toalha/DSC_0023.jpg" title="Cabides em toalha, várias cores"></a>
				</li>
				
				<li>
				<a class="bicho" href="produtos/cetim-bicho/DSC_0081.jpg" title="Cabides em toalha, várias cores">
									  <img src="imagens/produtos/adulto-bicho.jpg" alt="Cetim de bicho" border="0" /></a>
				<a class="bicho" href="produtos/cetim-bicho/DSC_0082.jpg" title="Cabides em toalha, várias cores"></a>
				<a class="bicho" href="produtos/cetim-bicho/DSC_0083.jpg" title="Cabides em toalha, várias cores"></a>
				</li>
				</ul>
</body>

 

Bem simples!

O problema é que nenhuma documentação de todos esses lightbox explicam isso de colocar o link "solto" (ligado a nada), por isso apanhei aqui, mas deu certo e ficou lindo! :D

 

Espero que consiga ajudar alguém.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito