Shefarol Soluções Web

Área administrativa



  Esqueci a senha

LightBox

Galeria de carros

Exemplo usando LightBox com Bootstrap

Carro 01 Carro 02 Carro 03 Carro 04 Carro 05 Carro 06 Carro 07 Carro 08 Carro 09 Carro 10 Carro 11 Carro 12 Carro 13 Carro 14 Carro 15 Carro 16 Carro 17 Carro 18 Carro 19 Carro 20 Carro 21 Carro 22 Carro 23 Carro 24 Carro 25 Carro 26 Carro 27 Carro 28 Carro 29 Carro 30 Carro 31 Carro 32


Adicione o estilo dentro do HEAD
<!-- CSS para o Lightbox -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">

Adicione os scripts antes do /BODY
<!-- Javascript para o lightbox -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>

<script language="javascript">
	$(document).on('click', '[data-toggle="lightbox"]', function(event) {
		event.preventDefault();
		$(this).ekkoLightbox();
	});
</script>
<!-- Fim do lightbox -->

Para cada link da imagem adicione as propriedades abaixo:
<a href="#" data-toggle="lightbox" data-gallery="example-gallery">