Efeito Lightbox ganha concorrente

Por: em 04/08/08 na(s) categoria(s): Dicas, Internet

comentários 37

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?

Pai em tempo integral do pequeno Nicolas, enquanto se divide escrevendo para o Meio Bit Games, Techtudo e Vida de Gamer, tenta encontrar um tempinho para aproveitar algumas das suas paixões, os filmes, os quadrinhos, o futebol e os videogames. Acredita que um dia conseguirá jogar todos os games da sua coleção.

Mais textos de | Site | Twitter

  • http://melinka.net Rocky

    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.

  • http://gsaraiva.projects.pro.br/ GSaraiva

    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/

  • xultz

    Nenhum deles, o iPod não tem plugin do flash… e tem appletard que defende até isso, dizendo que flash não é necessário…

  • v1d4l0k4

    Não entendi.

    ———
    Livre. Menos de impostos… :D

    Altruísmo: http://en.wikipedia.org/wiki/Freedom_Toaster }:)

  • http://rostinhosbonitos.blogspot.com tnigri

    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)

  • http://www.yoomp.com rodrigofante

    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

  • oliveirapaulo

    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???

  • kotter

    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

  • evertongomes

    Gosto deste aqui:
    http://fancy.klade.lv/

    ————————
    Quer receber brindes ? acesse http://www.coisasgratis.com

  • http://melinka.net Rocky

    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.

  • http://queijeiro.net Queijeiro

    No WP tem como mandar ele adicionar o rel=”lightbox” sozinho?

  • babatelo

    Como será feito esse aqui?
    http://www.pplware.com/2008/05/17/peopleware-wallpapers-dream-colors/
    Clique em algum número…

  • darknessbr

    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/

  • http://melinka.net Rocky

    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.

  • http://www.xylema.net Alequisandro

    Pena que o FancyZoom não tem transição entre as imagens, como o LightBox, o Trickbox também tem.

    Alex Ribeiro
    http://www.xylema.net

  • yuri

    Comparison of various scripts that display images and other objects in somehow cool CSS popups
    http://planetozh.com/projects/lightbox-clones/

  • Tchello

    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.

  • http://melinka.net Rocky

    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.

  • http://www.fabiocardoso.com.br Fabião

    Iframe pra web de hoje é igual pegar o adversário tonto no Street Fighter. Não é políticamente correto.

  • http://www.contraditorium.com Carlos Cardoso

    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.”

  • http://oxenti.com GuZ

    Não tinha visto o negócio de licensa comercial =P

    Ei e toda aquela História da bolha 2.0?
    —————— ————
    GuZ

  • Canikrause

    Outro efeito legal e que é simples de implementar é o tichkbox!!

    http://jquery.com/demo/thickbox/

  • horphus

    [quote=xultz]Nenhum deles, o iPod não tem plugin do flash… e tem appletard que defende até isso, dizendo que flash não é necessário…[/quote]
    :jawdrop:

  • v1d4l0k4

    Já comentaram mais acima. :P

    Uma biblioteca que não tem haver mas que é interessante também é a jQuery UI: http://ui.jquery.com ;)

    ———
    Livre. Menos de impostos… :D

    Altruísmo: http://en.wikipedia.org/wiki/Freedom_Toaster }:)

  • http://www.mentesmodernas.com.br mentesmodernas

    Boa !!

  • avontz

    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

  • http://melinka.net Rocky

    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.

  • a13x

    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.

  • mau.dias

    ôô, show de bola esse, heim

    —————————————–

    mas tudo que eu disse pode estar errado..

    #MeioBit @ irc.paponline.net

  • mau.dias

    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

  • mau.dias

    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

  • leitesf

    mt massa esse…

    ————————
    Rafael Leite de Freitas

  • MaRKauM

    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

  • bpedrozo

    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. :(

  • http://danillonunes.net danillonunes

    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.

  • netotony

    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?

  • http://www.vidadegamer.com.br Dori Prata

    O Lightbox não tinha concorrentes, tinha cópias, pense nisso.

    ____________________
    Vida de Gamer | A vida como ela é (ou deveria ser)!