O Lightview, um plugin para o wordpress, é muito identico ao Lightbox e foi desenvolvido baseado no Lightbox por Nick Stakenburg. Este plugin, na sua ultima versão, não só carrega imagens como tambem flash, vídeos, quicktime videos e iframes.
Este plugin serve para quando alguem tenta visualizar uma imagem com umas dimensões superiores aos normais, o standard da web, e a imagem ocupara o seu monitor por completo ou até passara das margens, para o utilizador não ter a visão dificultada e andar com o scroll de um lado para o outro, o lightview redimenciona a imagem, adiciona um loader e escuresse o resto do site para uma melhor visualização. Eu pessoalmente acho muita piada a este tipo de plugin, Lightview, mas como referi em cima que era um clone do Lightbox, o melhor é ver os dois em funcionamento e escolherem. Como uso o Lightview, plugin para o wordpress, aqui fica uma pequena esplicação de como o por a trabalhar.
Exemplo Lightview WordPress Plugin | Clone Lightbox
Artigos onde use o Lightview, basta abrir o artigo e clicar em uma das imagens:
HD VMD | Um novo formato de Alta Definição.
Jana Defi | Modelo de Top.
Como utilizar o Lightview:
Instalação:
Faça o download do Lightview aqui: Lightview Plugin WordPress.
Activar:
Vá ao painel de administração do wordpress e active a extensão.
Adicionar código no header:
Edite o seu ficheiro header.php e entre as tags <head> e </head>, em qualquer linha desde que dentro do head.
<link rel=”stylesheet” type=”text/css” href=”http://www.OSEUWEBSITE.com/wp-content/plugins/lightview/css/lightview.css” mce_href=”http://www.OSEUWEBSITE.com/wp-content/plugins/lightview/css/lightview.css” />
<script type=”text/javascript” src=”http://www.OSEUWEBSITE.com/wp-content/plugins/lightview/js/protoculous-packer.js”></script>
<script type=”text/javascript” src=”http://www.OSEUWEBSITE.com/wp-content/plugins/lightview/js/lightview.js”></script>
Altere o http://www.OSEUWEBSITE.com… para o seu dominio correcto.
E por último como dizer a imagem para executar o lightview:
Para uma única imagem, basta acrescentar o código class=”lightview”, exemplo:
<a href="exemplo.jpg" class="lightview">Exemplo Tecnosh</a>
Para um sistema tipo galeria:
<a href="foo.jpg" class="lightview" rel="gallery[foobar]">foo</a>
<a href="bar.jpg" class="lightview" rel="gallery[foobar]">bar</a>
Para vídeos Quicktime:
<a href="quicktime.mov" class="lightview" title="">QuickTime</a>
Para ficheiros Flash com tamanho e título:
<a href="flash.swf" class="lightview" title="Title::::width:320,height:240">video</a>
Para um site com IFrame, titulo e em fullscreen:
<a href="http://www.google.com" class="lightview" title="Title::Description::fullscreen:true">Google</a>
Alguma dúvida ou problema, deixe um comentário.
Se gostou PARTILHE e dê +1 up!
Partilhar
Muito bom esse plugin. Obrigado pela explicação detalhada. ;)