- Feeds completos
- Feeds dos comentários
- Feeds do fórum
- Receba o Meio Bit via e-mail
0 assinantes
Newsletter
Mantenha-se informado sobre as nossas novidades com nosso newsletter semanal, todas as segundas-feiras
Quem desenvolve páginas para internet provavelmente conhece um efeito (muito bonito, diga-se de passagem) usado em thumbnails chamado Lightbox. Com ele, ao clicarmos em uma imagem uma versão maior é exibida em uma espécie de janela semi-transparente. Embora ele deixe o site muito mais agradável, sua implementação não é muito complicada.
Porém, gostaria de deixar uma dica aqui de outro efeito semelhante, mais simples de ser inserido no site e na minha opinião, ainda mais bonito. Trata-se do FancyZoom. Para fazê-lo funcionar, basta fazer o upload das duas pastas presentes no site do desenvolvedor para o seu servidor, adicionar duas linhas de código ao html da sua página e o efeito já está funcionando.
Com o FancyZoom você ainda poderá adicionar legendas na parte de baixo de suas imagens, ele funciona nos principais navegadores e faz o pré-carregamento das imagens apenas com o passar do mouse sobre ela.
De qual dos dois efeitos você gosta mais?
- Ueba
- Rec6
- Blog do Dori Prata
- entre com seu usuário e senha ou registre-se no site para enviar comentários
Notícias relacionadas
Entrar
Mais comentados
- Microsoft demora 7 anos para corrigir um bug (124)
- Linux, uma história, uma paixão (99)
- Que linguagem de programação aprender. (84)
- Vidro fumê no compiz (71)
- TJ impede que Google mencione nome de adestrador de cães de MG no orkut (69)
- E agora para algo completamente diferente (66)
- O e-mail Corporativo - Breves Considerações (65)
- Meio Bit entre os blogs imperdÃveis da Época (65)
Cara existem, pelo menos 22 alternativas ao LighBox que estão disponiveis a mais de 2 anos, eu particularmento recomendo o thickbox que permite abrir qualquer coisa com o efeito, incluindo iframes o que permite a criação de lindos painéis de controle
_____________________
IndyCar Brasil tudo sobrea Fórmula Indy!
Primeiro Pro-Commenter da Blogosfera Brasileira.
Concordo plenamente, pra quem usa o WordPress o Trickbox já vem embutido, é só abrir o script dele no theme e vualá.
Gilberto Saraiva
http://gsaraiva.projects.pro.br/
Como será feito esse aqui?
http://www.pplware.com/2008/05/17/peopleware-wallp...
Clique em algum número...
Esse usa o lightbox normal mesmo através de um plugin do Wordpress....
_____________________
IndyCar Brasil tudo sobrea Fórmula Indy!
Primeiro Pro-Commenter da Blogosfera Brasileira.
O Lightbox não tinha concorrentes, tinha cópias, pense nisso.
____________________
Vida de Gamer | A vida como ela é (ou deveria ser)!
Nenhum deles, o iPod não tem plugin do flash... e tem appletard que defende até isso, dizendo que flash não é necessário...
Não entendi.
---------
Livre. Menos de impostos...
AltruÃsmo: http://en.wikipedia.org/wiki/Freedom_Toaster
O que um efeito que usa apenas JScript e CSS tem haver com o Flash?
Isso foi um tanto Troll da sua parte...
_____________________
IndyCar Brasil tudo sobrea Fórmula Indy!
Primeiro Pro-Commenter da Blogosfera Brasileira.
Acho que o amigao ai postou no post errado..rs..
Pessoal tava falando sobre o flash e ipod e panquecas no outro post... =)
*******************************
Música eletrônica + atitude -> sabotagem.org
Temos utilizado apenas o Lightbox, que tem dado conta do recado muito bem, mas vamos aproveitar a dica e experimentar o concorrente.
Valeu!
--
ACESSE O BLOG:
http://rostinhosbonitos.blogspot.com/
(mais de 15.000 pessoas já acessaram)
Como disseram o Lightbox faz tempo que nao esta sozinho nessa...
Mas vou repetir uma pergunta que fiz em outro post...
Sou apenas eu que estou recebendo o feed do meio bit com datas de janeiro de 2008?
Yoomp - A Rede Social dos Blogueiros
http://www.yoomp.com
Lugar de Homem é na Cozinha
http://www.lugardehomem.com
Dori...
Não entendi quando você falou "Com o FancyZoom você ainda poderá adicionar legendas na parte de baixo de suas imagens...", uma vez que o Lightbox também permite tais legendas. O próprio site mostra um exemplo, a diferença fica por conta do estilo da legenda!
--
Do you do something to build your future???
no link que você passou do fancyzoom, na hora de fazer o teste, no Firefox3 algumas imagens não abriam, ou demorava muito pra abrir, era preciso clicar novamente para que a imagem abrisse corretamente.
mas, o efeito é muito bonito e prático.
um efeito semelhante (porém sem a mesma "suavidade") existe nas galerias de imagens do projeto blackmesasource: http://www.blackmesasource.com/media_levels.php
Gosto deste aqui:
http://fancy.klade.lv/
------------------------
Quer receber brindes ? acesse www.coisasgratis.com
No WP tem como mandar ele adicionar o rel="lightbox" sozinho?
adotamos na empresa onde trabalho o highslide. muito bom e bastante customizavel, senti falta de um exemplo de galeria nesse fancyzoom.
segue o link -> http://vikjavev.no/highslide/
ôô, show de bola esse, heim
-----------------------------------------
mas tudo que eu disse pode estar errado..
#MeioBit @ irc.paponline.net
mt massa esse...
------------------------
Rafael Leite de Freitas
Pena que o FancyZoom não tem transição entre as imagens, como o LightBox, o Trickbox também tem.
Alex Ribeiro
www.xylema.net
Comparison of various scripts that display images and other objects in somehow cool CSS popups
http://planetozh.com/projects/lightbox-clones/
Discordo dessa lista, já que todos que aceitam iFrame comportam qualquer tipo de conteudo....
_____________________
IndyCar Brasil tudo sobrea Fórmula Indy!
Primeiro Pro-Commenter da Blogosfera Brasileira.
Iframe pra web de hoje é igual pegar o adversário tonto no Street Fighter. Não é polÃticamente correto.
Sim, mas dentro de um thickbox fica perfeitamente usável e permite aplicações como google maps...
_____________________
IndyCar Brasil tudo sobrea Fórmula Indy!
Primeiro Pro-Commenter da Blogosfera Brasileira.
Usei um que se chama iBox umas vezes, tem um efeito muito bonito e aceita execuções de iframe.
Fica realmente um efeito maravilhoso que o cliente costuma gostar muito e dado pelo "trabalho" de implementação é um plus muito barato pro sistema, diga-se de passagem.
Não gostei NADA desse negócio.
"In a bit of an experiment: if your website is commercial (i.e. makes you money), you can license FancyZoom for $39 per site, a one-time fee. Instantly add nice image zooming to your site. Click here to instantly and securely buy a license."
Não tinha visto o negócio de licensa comercial =P
Ei e toda aquela História da bolha 2.0?
------------------ ------------
GuZ
Outro efeito legal e que é simples de implementar é o tichkbox!!
http://jquery.com/demo/thickbox/
Já comentaram mais acima.
Uma biblioteca que não tem haver mas que é interessante também é a jQuery UI: http://ui.jquery.com
---------
Livre. Menos de impostos...
AltruÃsmo: http://en.wikipedia.org/wiki/Freedom_Toaster
Boa !!
prefiro um link direto para a versão full da imagem
principalmente quando vc quer pegar o link da imagem para mostrar pra um amigo
também é ruim quando a conexão está lenta, que vc tenta clicar abrir a imagem mas não funciona porquê o arquivo do javascript não carregou
ou pior, quando você clica na imagem seu computador morre com tanto processamento de javascript apenas para fazer um efeito idiota que vc não vai ver.
fato. pra conexões lentas esses efeitos não são funcionais, prejudica bastante a navegação e irrita o usuário
-----------------------------------------
mas tudo que eu disse pode estar errado..
#MeioBit @ irc.paponline.net
O javascript, nesse caso, não é intrusivo (helloooo, isso é web 2.0), isto é, os links funcionam de forma independente: se o JS não carregar, a imagem será aberta como se fosse um link direto.
O único problema em potencial é o do processamento do javascript mesmo. Mas o script parece ser bem leve, e, além disso, se seu computador for tão lento a ponto de travar com um scriptzinho, é melhor navegar com o JS desativado.
po, só acho que o fancyzoom poderia escurecer o plano de fundo, isso ajuda bastante na visualização da imagem, não confunde e tal..
mas existem vários e vários exemplos, como o highslide que eu elogiei ali em cima
-----------------------------------------
mas tudo que eu disse pode estar errado..
#MeioBit @ irc.paponline.net
Bacana o efeito.
Estava procurando isso semana passada, acabei por usar um outro efeito qualquer que eu não lembro o nome...
___________________________________________________________
"Uma pessoa inteligente resolve um problema, um sábio o previne." - Albert Einstein
Senti falta nele de um avançar e voltar imagens... o do lightbox é bem útil nisso. Se nem no site oficial não tem, provavelmente o script também não tem.
eu já conhecia o jquery faz tempo, esse não é novidade tambpem, mas fiquei curioso quanto as sombras da imagem, alguém sabe como faço isso?