Ajuda com galeria lightbox 0.5

    Autor Mensagem
    fill.zanchez
    Veterano
    # dez/11 · Editado por: fill.zanchez


    Galera estou fazendo um site mas tenho problemas com uma galeria de fotos feita usando o plugin jquery Lightbox.

    Endereço da galeria:

    http://www.sennenhunde.com.br/pug/galeria/index.htm

    Endereço para baixar a galeria e testar:

    http://leandrovieira.com/projects/jquery/lightbox/

    O problema que tenho é que não consigo alinhar a imagem já aberta no topo da página, fica sempre uma margem, sendo assim em baixas resoluções de tela os controles na parte inferior somem por causa da barra de rolagem.

    Segue código do arquivo de formatação CSS.


    /**
    * jQuery lightBox plugin
    * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
    * and adapted to me for use like a plugin from jQuery.
    * @name jquery-lightbox-0.5.css
    * @author Leandro Vieira Pinho - http://leandrovieira.com
    * @version 0.5
    * @date April 11, 2008
    * @category jQuery plugin
    * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
    * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
    * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
    */
    #jquery-overlay {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 600px;
    }
    #jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }
    #jquery-lightbox a img { border:none; }
    #lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    }
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
    #lightbox-nav {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 15%;
    height: 100%;
    zoom: 1;
    display: block;
    }
    #lightbox-nav-btnPrev {
    left: 0px;
    float: left;
    }
    #lightbox-nav-btnNext {
    right: 0;
    float: right;
    }
    #lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 10px 10px 10px;
    }
    #lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
    }
    #lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
    }
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
    }
    #lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    }


    DarkMakerX
    Veterano
    # dez/11
    · votar


    fill.zanchez
    Eu dei uma olhada no site e colocando "top: 0px" no #jquery-lightbox ele já ficou no topo sem problemas.

    Você diz a borda branca em volta da imagem?

    fill.zanchez
    Veterano
    # dez/11
    · votar


    DarkMakerX
    Você diz a borda branca em volta da imagem?
    Não, isso eu sei que se resolve com padding.

    Eu falo sobre a questão da foto ampliada não colar no topo da página, e sim flutuar no centro. A primeira coisa que tentei foi
     "top: 0px" 
    no
     #jquery-lightbox
    , mas não resolveu. Alguma outra idéia?

    Random_Rampager
    Veterano
    # dez/11
    · votar


    Chama o TÉQUINICO que ele resolve.

    DarkMakerX
    Veterano
    # dez/11
    · votar


    fill.zanchez
    Tenta comentar a linha 142 e a 167 do arquivo jquery-lightbox-0.5.js

    Não testei aqui, mas parece que ele ajusta o centro da tela automaticamente. Então o css não tem efeito, porque sempre ajusta novamente sozinho.
    As linhas do arquivo fazem esse cálculo e colocam no elemento.

    fill.zanchez
    Veterano
    # dez/11
    · votar


    Random_Rampager
    :p ele querer formatar a minha máquina hehe

    DarkMakerX
    Fala meu velho... A resolução era essa mesmo, por acaso achei a linha 142, o "problema", 5 min antes de voltar aqui, e não tinha visto a linha 167 quando redimenciona trolla tudo de novo... hehehe

    Valeu mesmo pela força cara! Tô vendo que você é um programador competente... Abç!

      Enviar sua resposta para este assunto
              Tablatura   
      Responder tópico na versão original
       

      Tópicos relacionados a Ajuda com galeria lightbox 0.5