Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

safas

[Resolvido] Como alterar o light box?

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

"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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 ^^

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 ^^

Compartilhar este post


Link para o post
Compartilhar em outros sites

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á.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 =)

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 ¬¬

Compartilhar este post


Link para o post
Compartilhar em outros sites

mostre com você fez a chamada do lightbox.. e qual lightbox você ta usando...

 

aplique melhor os seletores.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.