Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Baixei hoje o light box e configurei tudo certo, ele funcionou corretamente! =D
Aí depois veio a duvida em relação: Como alterar o ingles p/ portugues quando criamos mais imagens e ele oferece a opçao de proxima foto ou anterior, em baixo da foto aparece lá por ex: image 1 of 2, em que arquivo dele devo alterar para aparecer em portugues?
A outra questao é que gostaria de adicionar um texto explicativo de determinada foto quando ela é ampliada, essa msg ficaria exatamente abaixo da frase 'image 1 of...'
Eu li meio que por cima os arquivos js e css que sao bem grandes, mas nao localizei o local que está escrito a msg em ingles p/ fazer a alteraçao. Alguem sabe me informar em que arquivo faço essas alteraçoes? A versao do lightbox que estou usando é a 2.04
Desde já, mais uma vez muito obrigado pessoal http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif
Sobre a tradução, não há como explicar melhor que o rafaelweb explicou.
Sobre o texto da imagem: Na própria tag "a" você deve usar o atributo "title" para criar um comentário, ficando assim:
<a href="img.jpg" rel="lightbox" title="Seu comentário aqui">Link do Lightbox</a>
Rafael e Kineri,
muito obrigado pelas belas explicações, funcionou corretamente =)
obrigado mesmo hehe http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif
Surgiu uma outra duvida, é o seguinte:
Um cliente tem um site de imobiliaria, todas as fotos estao na raiz 'images', e dentro desta cada imovel possui uma pasta com as suas respectivas fotos. A duvida é: Para funcionar no lightbox como deve ser feito? Devo colocar o lightbox instalado em cada pasta de cada imovel, e depois alterar o caminho destes codigos abaixo, ou nao é assim que faz?
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />para:
<script type="text/javascript" src="imovel1/js/prototype.js"></script>
<script type="text/javascript" src="imovel1/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="imovel1/js/lightbox.js"></script>
<link rel="stylesheet" href="imovel1/css/lightbox.css" type="text/css" media="screen" />Desta forma colocaria o lightbox dentro de cada pastinha. É assim que devo proceder?
Obrigado mais uma vez ^^
abraços
Não. Deixa todos os .js dentro de uma pasta chamada: js mesmo.
E ai tome cuidado com o nivel.. voltando pastas: ../, ou avançando.. entrando nelas.
NUNCA duplique códigos. Só iria te atrapalhar na manutenção.
William,
Muito obrigado pela ajuda.
Testei aqui com subpastas na 'images' e abriu corretamente mesmo estando os arquivos em lugares diferentes. Pensei que nao era assim rss..
obrigado novamente ^^
Só mais uma duvida pessoal rs
Tem algum comando que posso colocar na linha href do lightbox que possibilite o visitante do site ao passar o mouse na foto ela dê uma 'escurecida' e depois que tirar o mouse ela voltar ao normal? como se tivesse sido selecionada.
Alguem sabe o comando para fazer isto?
muito obrigado de novo hehe ^^
Não. No lightbox não.
Seria um efeito totalmente diferente, à ser criado.
Acredito que criando uma DIV com opacidade por cima da imagem, você consegue esse efeito.. (só pensei nessa forma), talvez tenha outras soluções.. como criar outra imagem e mudar o mouseOver(acho inviável).. e por ai vai..
mas seria outra coisa já.
Vou tentar isso que voce falou. =)
Agora, estava vendo pelo google alguns sites, e encontrei um que tinha a seguinte linha no comando do lightbox:
<a href="work/emailkt.jpg" rel="lightbox" rel="thumbnail" title="peça email11"><img src="work/emailkt.jpg" width="600" height="420" alt="emailmkt"/></a>
Esse "thumbnail" que funçao tem?
Eu tentei aplicar esse rel=thumbnail no comando do lightbox que testei com o auxilio de voces mais dá um erro =/
vcs sabem o que esse rel=thumbnail faz?hehe
até mais =)
thumbnail significa: miniatura
Acho que não deve fazer nada ai, pois além de depender muito do lightbox em questão(existem vários, até plugins de jQuery), está duplicando o atributo: rel oque é errado. Por isso deu problema no seu.
Não é assim, com algum 'comando milagroso' que você vai resolver.
>
thumbnail significa: miniatura
Acho que não deve fazer nada ai, pois além de depender muito do lightbox em questão(existem vários, até plugins de jQuery), está duplicando o atributo: rel oque é errado. Por isso deu problema no seu.
Não é assim, com algum 'comando milagroso' que você vai resolver.
Ah tá entendi, obrigado novamente pelo esclarecimento William =)
Bom, vou testar o div como voce falou, todavia o mais importante é o lightbox funcionar corretamente http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif
obrigado
Com relação a lightbox no caso qq link q eu colocar na tag <a href=""></a> ele vai abrir no lightbox, porém eu tenho um link que não quero q abra no lightbox como faço p/ ele cancelar a ação do lightbox neste link?
No caso meu link vai abrir uma página em html, mas ele ta aparecendo a janela do lightbox ¬¬
mostre com você fez a chamada do lightbox.. e qual lightbox você ta usando...
aplique melhor os seletores.
Como faço para ter dois lightbox na mesma página? já tentei colocar dois mas o último fica por cima do primeiro
"Próximo" e "Anterior" são imagens, você deve usar um editor de imagens e alterar o texto delas para português.
O da "image 1 of..." abra "lightbox.js", nas linhas 61 e 62:
Procure por:
labelImage: "Image",
labelOf: "of"
Troque por:
labelImage: "Imagem",
labelOf: "de"
Ou outro texto que preferir.