Categoria

jQuery

Criar Lightbox 100% controlado com CSS e quase sem JS

Você pode chamar de Lightbox, Greybox, ou Thickbox, mas se trata sempre do mesmo efeito. Quando você está em uma página e clica em uma foto ou em algum outro evento, o “Lightbox” é um efeito que escurece ou clareia a tela do conteúdo principal e te mostra um novo conteúdo por cima dessa tela. Seria basicamente o efeito abaixo, mostrado “antes” e “depois”: No primeiro exemplo acima, ao clicar em uma das 2 fotos no texto, o site escurece e mostra a foto em destaque. No segundo caso, ao… Leia Mais »

Janela Modal com jQuery – Lightbox para Página Html e Imagens

» Artigo retirado do Blog do Maujor (Vale apena acompanhar!) Tutorial: técnica para criar uma janela modal com jQuery. O script desse efeito, seleciona todos os elementos a (links) cujo atributo name tenha sido definido com valor “modal” e mostra em uma janela modal(estilo lightbox) o conteúdo do DIV cujo id tenha sido definido no atributo href do link. jQuery realmente simplifica e torna fácil as coisas. Dê uma olhada nos exemplos que eu desenvolvi para demonstrar a técnica. Eles me parecem bem interessantes. Caso você não saiba o que é uma janela modal, você… Leia Mais »