Fórum Cifra Club - maior fórum de m&uacite;sica do Brasil

Sair
Notificações Amigos pendentes

      > >

      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