Home Me envie um e-mail! Feed
Blog do yogodoshi

FancyZoom – um lightbox super suave, rápido e clean (sem usar bibliotecas)

FancyZoom é um script desenvolvido em Javascript que funciona como uma lightbox só que bem suave e sem a necessidade de uma biblioteca de scripts, como JQuery, Scriptaculous ou MooTools para funcionar.

Algumas das vantagens e características do FancyZoom:

  • animação de zoom mais suave e perfeita possível
  • redimensiona automaticamente a imagem
  • pré-loading das imagens em tamanho real quando ocorre mouseover
  • não é necessário nenhuma biblioteca Javascript, o código foi desenvolvido do 0 ao zoom
  • coloca uma sombra na imagem para dar uma noção de profundidade
  • usa o “box-shadow” do Safari para criar a sombra nativamente, sem necessitar de imagens
  • requer apenas duas linhas de código a mais no seu HTML
  • testado nos navegadores Safari, Firefox, IE7 e IE6.

O FancyZoom funciona de maneira diferente do restante das lightbox encontradas na web, ao colocar o script na sua página; ele irá automaticamente se anexar a qualquer link de imagem dos formatos: jpg, gif, png, bmp e tiff. Permitindo que você desabilite sua função em algum link específico.

Dê uma olhada no post do script, no blog do autor, para saber mais.

feed Gostou do Blog?  Assine o RSS Feed ou receba em seu e-mail

Posts Relacionados:
prettyPhoto – Um clone mais bonitinho do lightbox
Facebox, uma lightbox no estilo do Facebook
O Melhor da Semana – Especial Webdesign
Motivos para usar o Google AJAX Libraries
Tire screenshots de qualquer site com o Super Screenshot

Henrique diz,

September 10, 2008 @ 12:00 pm

Opa, outro lightbox! Mas realmente esse possui uma animação bem suave!

Viviane diz,

April 12, 2010 @ 4:44 pm

Oi td bem?
tenhouma duvida, tem como eu chamar uma pagina usando esse fancy zoom?
eh q assim qro um efeito tipo este
http://www.ricardoeletro.com.br/Produto/Eletrodomesticos/Refrigerador/Refrigerador-1-Porta/Dako/Refrigerador-254-Litros-Cycle-Defrost-REDK28-Dako/256-270-273-22110

fucando no codigo vi q o cara usa fancy zomm, mas nao consegui implementar no href usando como link outra pagina, poderia me dar uma dica?

Marco Alessio diz,

October 5, 2010 @ 7:23 am

Blz, Cayo
estou vendo o seu site e tem muita coisa interessante, parabéns
estou a procura de plugins, que faça o efeito de foto da pagina principal do
http://www.terra.com.br, lá embaixo, que é igual ao do site dos legendários da Record
acredito que possa ser este fancy zomm, mas como pode verificar nos sites acima, as fotos são de tamanhos diferentes, estarei testando este aqui no site, mas se puder me ajudar e verificar qual é o plugins correto, ficarei muito grato.
valeu, abraços

Assinar feed RSS de comentários neste post · TrackBack URI

Deixe seu comentário

Fechar
Envie por e-mail