JavaScript Image Gallery

Resumo


O VisualLightBox é um programa gratuito que o ajuda a criar galerias de imagens para a web facilmente com alguns cliques e sem escrever uma única linha de código, baseadas no famoso script LightBox2.

Nenhum código javascript, css, ou até html, nenhuma edição de imagem, basta um clique e a sua galeria será criada.

More Demos Free Download
  Este conjunto imagem é gerada por Thickbox. Clique em qualquer imagem para executar galeria.


Recursos do JavaScript Image Gallery

 

Download do VisualLightbox


Download jQuery Photo Gallery Download da Versao Gratuita Windows Download jQuery Photo Gallery Download da Versao Gratuita Mac

O VisualLightBox é gratuito para utilização não-comercial.open popup window when website opens

A Versão Comercial do VisualLightBox disponibiliza uma opção para retirar a marca d'água VisualLightBox.com, assim como a possibilidade de colocar o seu próprio logotipo nas imagens. Após concluído o pagamento de forma segura, receberá uma chave de licença de imediato no seu e-mail que transforma a Versão Gratuita do VisualLightBox na Versão Comercial. Pode optar pelo método de pagamento mais conveniente: cartão de crédito, transferência bancária, cheque, PayPal, etc.

Business Edition für Windows kaufen Comprar a Versao Comercial Windows
$49
Single Website
$69
Unlimited Websites
Business Edition für Mac kaufen Comprar a Versao Comercial Mac
$49
Single Website
$69
Unlimited Websites

Apoio ao Cliente

 

Para a resolução de problemas, pedido de funcionalidades e ajuda em geral, contacte o nosso Apoio ao Cliente em Certifique-se que insere informação sobre o seu browser, sistema operativo,versão do VisualLightbox, e um link (ou código relevante). window open javascript popup blocker

Perguntas

 

Q:Is it possible to load a gallery from within image? So the gallery loads externally?

A:You should start the gallery onClick:

1) Add the following function into the <head> tag:

<script type="text/javascript">
function showLightBox()
{ Lightbox.start(document.getElementById('firstImage'));}
</script>

2) Specify the onClick event for the image (or link):
<img src="thumbnail_gr.jpg" onClick="javascript:showLightBox()" title="Click to see the demo" style="cursor: pointer;">
3) Set the ID for any image in your gallery (id="firstImage"), for example add it to the first image:
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="dscn6831" id="firstImage">
4) Use 'display: none;' property for your gallery in engine\css\vlightbox.css. Just change the following code:

#vlightbox a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}

to:

#vlightbox a{
display:-moz-inline-stack;
display:none;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}



DEMOS

pop up java script Javascript Gallery Image Viewer

graphite samples Javascript Gallery Image Viewer



Screenshot


html for blank widget Javascript Gallery Image Viewer

Prêmios

homepage floating window
on mouseover pop up image javascript
websites content present in popup windows