Publicado em 24 de jan.

Botão Facebook

Primeiramente peço desculpa se estiver em tópico errado.

Criei uma galeria de imagens como essa: http://lokeshdhakar.com/projects/lightbox2/

Mas quero mudar algo, desejo colocar o botão CURTIR logo abaixo da imagem assim que a imagem for aberta/expandir, sabe ?

Abaixo da imagem em sua página inicial isso é ´possível fazer isso, mas queria algo diferente, como no facebook sabe, a pessoas abria a imagem e logo abaixo teria esse botãozinho para curtir.

Os código do facebook são:

1. Inclua o [SDK JavaScript](https://developers.facebook.com/docs/reference/javascript/) em sua página uma vez, de preferência logo depois de abrir a tag <body>.

 

 

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 

2. <div class="fb-like" data-href="[https://www.facebook.com/jauhistoria](https://www.facebook.com/jauhistoria)" data-send="true" data-width="450" data-show-faces="true"></div>

<div class="fb-like" data-href="[https://www.facebook.com/jauhistoria](https://www.facebook.com/jauhistoria)" data-send="true" data-width="450" data-show-faces="true"></div>

Algum gênio pode me ajudar ?

Agradeço desde já.

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Luis Paullo· 25 de jan.

Pode tenta atribui um elemento com o botão no slider.

Inspeciona o elemento com chromes. vi aqui e a classe seria essa .lb-details

Voce sabe usar o console do chromes o firebug? faça o seguinte.

TESTANDO - abre o slide da imagem em modal, rode esse trecho de codigo no console. veja no navegador.

$(function(){ $('.lb-details').html('<span style="color:red;font:bold">Meu Elemento personalizado</div>'); }());

Ficaria assim.

$(function(){
console.log($('.lb-details'));

$('.lb-details').html('<div class="fb-like" data-href="https://www.facebook.com/jauhistoria" data-send="true" data-width="450" data-show-faces="true"></div>');

}());

acho q o botão de like do FB tem uma versão simples em iframe, ficaria melhor .

JessicaA· 25 de jan.

Até o momento eu não sabei, dei uma pesquisada aqui e tirei algumas noções sobre. Talvez me ajude um pouco.

Só não encontrei essa classe .lb-details

Bom vamos lá vê se fiz certo ou não..

Instalei o chromes o firebug, e agora como prossigo ?

JessicaA· 25 de jan.

Pronto depois de tanto tentar, consegui fazer a tal galeria com o icon do face para Curtir.

Mas agora estou com uma pequena dúvida, será possível mudar a cor da letra do plugin do facebook onde está escrito 42 pessoas curtiram isso ?

Vejam o site online, apenas teste:

http://capitaldocalcadofeminino.hd1.com.br/galeria/examples/galeria.html

Por enquanto coloquei o botão do facebook apenas na primeira imagem, veja.

Se não houver está possibilidade, será que tem como mudar então a cor do fundo da galeria quando a imagem é expandida ?

Bom meio caminho andado neeh.

Desde de já agradeço a ajuda.

Agradeço a ajuda de todos, mas já consegui fazer tudo que precisava.

Obrigada pela colaboração;