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/

    • babatelo

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

      • 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.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)!

  • 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://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.

    • 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:

    • 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://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://queijeiro.net Queijeiro

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

  • 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/

    • mau.dias

      ôô, show de bola esse, heim

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

      mas tudo que eu disse pode estar errado..

      #MeioBit @ irc.paponline.net

    • leitesf

      mt massa esse…

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

  • 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/

    • 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://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.

  • 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://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/

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

    Boa !!

  • 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

      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

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

  • 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

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

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