Como abrir imagem, iframe ou html em "overlay"?

Detalhes: Categoria: Artigos; Escrito por Renato Moreira

Olá pessoal, irei demonstrar a vocês como abrir um elemento no Joomla com efeito "overlay", mais conhecido pelo famoso LIGHTBOX que é um pequeno script em javascript que pode ser baixado a qualquer momento (Download Lightbox).

Algumas opções para estudo desse efeito de sobreposição pode ser visto em Jquery Overlay.

Bom agora que todos sabem do que estou falando, irei demonstrar em Joomla como fazer isso, uma vez que nosso maravilhoso CMS possui um diretório de extensões prontas gigantescos não foi difícil encontrar algo pronto e gratuito.

O plugin que iremos usar é o ARI Sexy Lightbox Lite que funciona pra Joomla 1.5 ~ 1.7.

1) Faça o download do plugin;
2) Instale pelo painel administrativo do seu Joomla;
3) Ative o plugin em Gerenciar Extensões;

Note que nas configurações do plugin existem várias opções para você definir como fazer seu efeito, pode escolher o tema como PRETO ou BRANCO. Pode definir o tempo de duração do efeito ao abrir e fechar o efeito, pode escolher a animação de entrada e saída da função, entre outros.

4) Agora basta inserir o código para abrir o efeito onde quer usá-lo, se quer inserir o efeito em um artigo ou por exemplo em um módulo custom (html personalizado);

Vamos agora aos códigos para uso:

4.1)

Inserir um código HTML no efeito, nesse caso vai aparecer Teste content.