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.
Recursos do JavaScript Image Gallery
- Plugin jQuery ou extensão Prototype
- Transição cross-fade livre e suave
- Slideshow com a opção de arranque automático
- Versões Windows e MAC
- Complemento XHTML
- Efeito de zoom com sobreposição da sombra
- Cantos arredondados com sobreposição da janela
- Grandes imagens ajustáveis à janela do browser
- Muitos temas agradáveis para as suas galerias
- Rotação da imagem e ajuste do tamanho da imagem com alta qualidade e com anti-aliasing
- Criação automática das miniaturas
- Adicione legendas
- Carregue directamente para o FTP
Download do VisualLightbox
Download da Versao Gratuita Windows | Download da Versao Gratuita Mac |
O VisualLightBox é gratuito para utilização não-comercial.modal dhtml pop up
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.
|
|
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). javascript gallery rotator
Perguntas
Q:Is it possible to load a gallery from within image? So the gallery loads externally?
A:You should start the gallery onClick: <script type="text/javascript"> #vlightbox a{ #vlightbox a{
1) Add the following function into the <head> tag:
function showLightBox()
{ Lightbox.start(document.getElementById('firstImage'));}
</script>
<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:
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;
}
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;
}