locked
Como fazer uma janela LightBox para usar com div? RRS feed

  • Pergunta

  • Olá estou precisando criar uma janela LightBox , onde eu possa usa-la com uma div ou uma tabela. Ou seja, não preciso de uma lightBox com imagem apenas.

    Alguém poderia me ajudar?

     

    Funcionaria quando o usuario clicasse em um link ou um botão e chamaria essa janela.

     

    Desde já agradeço muito.

    =)


    Thiago Oliveira Chaves Dev asp.net
    quarta-feira, 5 de janeiro de 2011 22:17

Todas as Respostas

  • Caro Thiago Design não muito minha área não mas creio que as páginas abaixo possam ajudar você:

    http://developer.apple.com/library/safari/navigation/index.html#section=Resource+Types&topic=Sample+Code

    http://developer.apple.com/library/safari/#samplecode/lightbox/Introduction/Intro.html

    http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/

     

    Espero ter Ajudado

     

    sábado, 8 de janeiro de 2011 14:39
  • Apenas deixe seu DIV invisivel atraz de css ou jquery e após o clique do link mande ele ser exibido.

    Por exemplo:

    Jquery:

    $(function(){
     $("#teste").hide();
    
     $("a").click(function(){
     $("#teste").css({"z-index":"999"});
     $("#teste").show("slow");
    
    }
    

    obs:recomendo usar z-index para garantir que o modal vai aparecer na frente de todos os componentes, lembre-se que ele funciona apenas com objetos em position:absolute,e se nao me engano funciona com relative também.

    Com esse script seu moda ira aparecer, ai basta voce estilizar do jeito que necessita e caso queira um fundo fazer uma outra div que comporte o fundo.

    Video aula que ensina você a criar um modal, para caso voce nao tenha entendido o codigo.

    http://www.screencaster.com.br/criando-janela-modal-estilo-lightbox-com-javascript-e-jquery/


    Rafael Poveda
    terça-feira, 25 de janeiro de 2011 01:01