Excelente Lightbox para Imagens, Flash, Ajax e Vídeos do Youtube
Excelente Lightbox para Imagens, Vídeos, Flash, Ajax e muitos outros
prettyPhoto não só suporta imagens, ele também suporte para vídeos, flash, YouTube, iframes e ajax. É muito fácil de configurar e flexível caso você quiser personalizá-lo. Além disso, é compatível em todos os principais navegadores, mesmo IE6. Ele também vem com APIs úteis de modo prettyPhoto que podem ser integrados praticamente em qualquer lugar!”
- Clique aqui para baixar o Script Lightbox prettyPhoto
- Link alternativo
Instalação
Primeiro incluir a biblioteca jQuery, prettyPhoto javascript e o prettyPhoto CSS no cabeçalho da página (s) em que você deseja usar.
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
Em seguida, você precisa inicializar op prettyPhoto. Coloque o seguinte código antes da tag de fechamento body
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
Alguns exemplos de aplicação
Imagens
- Crie um link <a href=”#”>
- Adicione o atributo (rel=”prettyPhoto”) no link.
- Atualize o seu <a href=”#”> insira o link para o qual deseja abrir o Lightbox
<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="Descrição"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Titulo" /> </a>
Vídeos do Youtube ( e outros)
- Crie um link <a href=”#”>
- Adicione o atributo (rel=”prettyPhoto”) no link.
- Atualize o seu <a href=”#”> insira o link do vídeo que você utiliza para compartilhar o vídeos para os seus amigos.
<a href="https://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a>
Olá! Sou Fábio Bmed — fundador da Metapax, consultoria estratégica de posicionamento e crescimento para negócios, e criador da MapexMind, um método de neuropsicologia aplicada voltado à compreensão prática da mente humana. Também sou o criador do blog FabioBmed.com.br.
Desde 2006 trabalho com tecnologia, marketing digital e análise de sistemas complexos. Mas os sistemas que mais me fascinam hoje são os que carregamos dentro da cabeça.
Estou entrando na psicologia, com foco em neuropsicologia — a ciência que explica por que você pensa, decide e se comporta do jeito que faz. Essa transição não é um desvio de rota: é a evolução natural de quem passou décadas entendendo como sistemas funcionam — e percebeu que o mais complexo de todos ainda estava por ser mapeado.
Ao longo dessa trajetória, criei dois projetos que sintetizam essa visão.
A Metapax nasceu da percepção de que negócios não crescem por acaso. Crescem quando existe uma estrutura clara de autoridade, presença e experiência do cliente. Depois de mais de duas décadas liderando operações digitais e analisando padrões de crescimento empresarial, transformei esse entendimento no Método APA — Autoridade, Presença e Atendimento — aplicado a empresas e profissionais que querem crescer com previsibilidade e posicionamento sólido.
Já a MapexMind surgiu de outro tipo de investigação: entender a arquitetura da mente humana. O projeto aplica neuropsicologia à vida real para ajudar pessoas a compreenderem padrões emocionais, cognitivos e comportamentais — próprios ou de quem amam — traduzindo conceitos complexos em clareza prática e utilizável.
No fundo, os dois projetos partem da mesma pergunta:
Como sistemas funcionam por trás da superfície?
Negócios, comportamento, decisões, relações humanas, tecnologia, marketing e mente — tudo aqui é analisado pelo mesmo prisma: estrutura, padrões e a ciência por trás de como as coisas realmente funcionam.
Este blog é o ponto de encontro dessas áreas. Um espaço onde tecnologia, psicologia, neurociência, comportamento humano, marketing e filosofia prática deixam de ser assuntos separados e passam a conversar entre si.
Publicação Criada em: fevereiro 16, 2014
Atualizado em: março 19, 2025 6:55 pm
