Wordpress | Plugins - Publicado por Valter Simões em Segunda-feira, Março 31, 2008 19:52 - 5 Comentários

Lightview Wordpress Plugin | Clone Lightbox

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
lightview preview
lightview previewlightview previewlightview preview

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.



Adicionar artigo ao Rec6Adicionar artigo ao LinkkAdicionar artigo ao doMelhorAdicionar artigo ao Eu Curti

5 Comments

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Tania R.G.
Abr 15, 2008 14:43

Muito bom esse plugin. Obrigado pela explicação detalhada. ;)

Mario Tozzi
Jun 30, 2008 21:09

Amigo, por acaso voce sabe como utilizar o lightview apartir de um botao no flash??

Abraço!

Valter Simões
Jun 30, 2008 23:02

Mário não deve ser difícil, fazes o botão em flash e quando metes o objecto fazes um “a href” antes com a class=”lightview”, normalmente.

Alguma duvida pergunta.

Mario Tozzi
Jul 2, 2008 0:34

on (release){
getURL(”http://www.endereçodosite.com.br/foto.jpg”,”lightview”);
}

Alguma coisa assim??

Valter Simões
Jul 2, 2008 0:50

Mário não experimentei mas penso que resulta. Tenta assim:

on (release){
getURL(”http://www.endereçodosite.com.br/foto.jpg”,”class=”lightview””);
}

Deixe a sua Opinião

Comentário

Informação

    RSS | Anúncios

Tecnologia da Semana

  • Nereida Gallardo | Namorada Cristiano Ronaldo Nereida Gallardo | Aqui está o motivo do Cristiano Ronaldo ter falhado o penalty na Champions!

Tecnologia - Mai 27, 2008 1:01 - 0 Comentários

Moto Yamaha Deus Ex | Prototipo

Mais em Tecnologia


Design - Mai 24, 2008 0:47 - 0 Comentários

Novo tipo de Publicidade de Rua | Sistema de Esgotos

Mais em Design


Gadgets - Jun 27, 2008 21:58 - 0 Comentários

Música Portátil | Korg nanoSeries

Mais em Gadgets