Wpcast #4 – Colocando efeito de lightbox no seu site, usando plugins do Wordpress

Mais um Wpcast e nesse episódio mostro como você pode colocar no seu blog ou site efeitos de lightbox usando alguns plugins feitos para Wordpress. Você verá como as configurações necessárias para o funcionamento desse efeito são simples, tenho que confessar que eu não esperava tamanha simplicidade.

Comecei mostrando o efeito aplicando no site da Wireframe Magazine, uma revista eletrônica que mostra vários casos interessantes na criação de protótipos e que em breve estará com uma versão totalmente em pt-br especialmente para vocês.

Nesse Wpcast os plugins mostrados foram:

1. FancyBox – Esse plugin adaptou as funcionalidades do FancyBox para Wordpress, o efeito desse script é muito elegante, pois ele mostra um Zoom na imagem de forma expansiva com uma estilização simples. Basta instalar o plugin e você já tem essa funcionalidade incorporada, você vai precisar apenas criar um link para a versão maior da imagem, então quando o visitante clicar na miniatura, o plugin detecta o link para a versão maior e adiciona o efeito.
2. jQuery Lightbox Plugin – Após a instalação desse plugin adicionamos o atributo ‘rel=”lightbox”‘ para o efeito em apenas uma imagem ou ‘rel=”lightbox-album”‘ para agrupar um grupo de imagens, criando assim uma galeria.
3. Lightbox 2 – Esse plugin utiliza Prototype e Scriptaculous para criar o efeito, cria um item no menu de Configurações com duas opções onde você escolhe a cor de fundo e se o efeito será gerado automaticamente, também pode ser usado para criar Galeria de Imagens.
4. Shadowbox JS – O mais completo dos 4 plugins testados nesse episódio, ele suporta a maioria das bibliotecas de Javascript utilizadas no mercado: YUI, Prototype, jQuery, Ext, Dojo e Mootols ou você pode utilizar em puro JS. Além disso tem suporte a skins, assim fica muito mais simples criar estilos customizados, detecta automaticamente o idioma do visitante, tem menu de configuração, pode ser usado como substituição do lightbox e ainda pode ser usado como player de áudio e vídeo. Quer mais

Confira agora o quarto episódio:

Gostou? Ajude dando suas sugestões logo abaixo, assinando o Feed ou divulgando para seus amigos. :)

1 Comentário

Icemam  em setembro 18th, 2009

Olá Juarez,

Muito bom seu post.. só q eu to com uma duvida..

Com o Shadowbox JS é possivel inserir um formulário com esse efeito.. correto?

Só que eu não to conseguindo faze-lo funcionar com formulários.

Usei o rel=”shadowbox” e nada aconteceu..

Sabe o que pode estar ocorrendo…Uso o wordpress 2.8.

Sucesso

Iceman

Comenta! Preciso de sua opinião para melhorar!