O Agência Web BH LightBox permite que você veja suas imagens de uma maneira diferente e sofisticada, conteúdo HTML e multi-mídia sobre uma camada translucida sem deixar a página.
Características
- Display images, videos, HTML, Iframes, Ajax requests and SWF
- Supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies
- Group lightboxes and mix different content types
- Responsive design to fit all device resolutions
- Load other widgets in a lightbox
- 3 different opening and closing transitions
- 4 different caption styles
- Keyboard and mouse scroll wheel navigation
- Built on the latest jQuery version
- Works with Joomla and WordPress
Exemplos
Diferentes animações - aparecer
, elástico
e nenhum
Diferentes posições de título - flutuante
, interno
e sobrepor
Vários exemplos em uma só galeria (tente utilizando o teclado e o mouse)
Carregue Widget na Lightbox
Use #wk-ID
para carregar Galerias de fotos, ou slideshows na lightbox. Como no exemplo: Web Kit Slideshow
<a data-lightbox="width:600;height:300;" href="#wk-10">Lightbox</a>
Como usar
Use o atributo data do HTML5 data-lightbox
para ativar a lightbox. Você pode ajustar vários parâmetros através do atributo data. Como por exemplo:
<a data-lightbox="width:1000;height:600;" href="http://www.wikipedia.org">Lightbox</a>
Aqui você uma lista dos parâmetros mais comuns:
- titlePosition - Onde você quer que o título apareça? (
flutuante
,fora
,dentro
ousobreposto
) - transitionIn - Ajuste a transição de abertura. (
aparecer
,elastico
, ounenhum
) - transitionOut - Ajuste a transição de fechar. (
aparecer
,elastico
, ounenhum
) - overlayShow - Ajuste para
verdadeiro
oufalso
- scrolling - Ajuste para
Sim
ouNão
- width - Ajuste em píxels
- height - Ajuste a altura em píxels
- padding - Ajuste o espaçamento em píxels