ColorBox – Plugin jQuery de 12kb para montar lightbox

Publicado por Alyen

colorboxÉ realmente magnifico poder contar com diversas opções na hora de agregar efeitos a nossos projetos online. E é o caso particular dos lightbox, cada dia surgem quantidade de alternativas com tantas vantagens como desvantagens, e seguramente o motivo, será que é um dos efeitos mas utilizados no desenvolvimento web. ColorBox é outro plugin para jQuery 1.3, leve que nos permitirá atrativos lightbox.

Características interessantes de ColorBox:

  • Suporta a utilização de fotos de forma individual ou em grupos, Suporta ajax em linha, e conteúdo iframe.
  • Diversos Estilos. Aparência completamente controlada através de CSS, para que os usuários possam dar novos estilos à caixa.
  • O comportamento dos ajustes pode ser sobre-escrito, sem alterar o arquivo de Javascript ColorBox.
  • HTML Totalmente discreto, não requer mudanças nos existentes HTML
  • Efeito atraente, com discreto degradado.
  • Precarga de imagens de fundo para evitar a inflamação de unstyled
  • Leve: só 12kbs de Javascript – só 2kbs gzip e minified!
  • Escrito em jQuery .
  • Gera XHTML e CS S válido

Ver Demos: 1 – 2 – 3 – 4 –  Via Xyberneticos – Mas info e download ColorBox lightbox

Temas
9 Comments
  • Alexandre Broggio
    Posted at 04:29h, 13 abril

    Po light box com este plugin fica bem mais legal vlw mesmo pela dica

  • gsus
    Posted at 18:20h, 05 maio

    tengo un problema al ejecutar la aplicacion..!!!!!!!!!!!!!!!!!!! tengo anuncios en flash en mi pagina y cuando ejecuto la herramienta para ver las fotos esta no tapa los flash…..queda como si se ejecutara detras de los flash……q podria pasar ahi????? gracias…!!!!!!!

  • Alyen
    Posted at 10:20h, 08 maio

    Ola gsus, mira ahi algunos code, para solucionar este problema, pero no me acuerdo como se llama el fix, pero si poner en el google creo q te saldra…

  • ColorBox - Plugin jQuery de 12kb para montar lightbox - SSoFF
    Posted at 16:20h, 07 julho

    […] alyenstudio :colorbox, jquery, lightbox, […]

  • Patrick
    Posted at 19:39h, 27 outubro

    tenho um problema para chamar o colorbox no IE. no firefox ele funciona com essa chamada:
    jQuery.fn.colorbox({width:”50%”, inline:true, href:”#inline_example1″,open:true});
    ou simplesmente:
    $.fn.colorbox({width:”50%”, inline:true, href:”#inline_example1″,open:true});
    alquem pode me ajudar

  • Elielton Rodrigues Alves
    Posted at 15:57h, 24 novembro

    Muito bom esse efeito,
    No meu site tenho um iframe e dentro dele tem uma galeria, quero aplicar o colorbox dentro do iframe e abrir as fotos na pagina principal.Tem como?

    Valew agradeço

Post A Comment