[TUTORIAL] Efeito lightbox para imagens nos tópicos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Efeito lightbox para imagens nos tópicos Empty [TUTORIAL] Efeito lightbox para imagens nos tópicos

Mensagem por Hancki em 11.07.14 10:10


[TUTORIAL] Efeito lightbox para imagens nos tópicos Galeri10

Efeito lightbox para imagens nos tópicos

O efeito lightbox agora maximiza as imagens nos tópicos dando um toque de ampliação. Com o efeito de melhorar a visualização das imagens, dando em um só clique em cima da imagem.


--> Tutoriais, dicas e astúcias <--
Efeito lightbox para imagens nos tópicos



- Código a ser utilizado:
Código:
jQuery(function(){
jQuery.getScript("http://www.forumeiros.url.ph/js/lightbox2_fa.js");
jQuery('head').after('<link type="text/css" rel="stylesheet" href="http://www.forumeiros.url.ph/css/lightbox2_fa.css" />');
  jQuery('.postbody div img, .postbody .content img, .entry-content img, .post-entry div img').each(function () {
      jQuery(this).not('a>img').not('img[src*="/smiles/"]').wrap('<a href="' + jQuery(this).attr('src') + '" rel="lightbox"></a>');
  }); });


- Aplicando código JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Efeito lightbox para imagens nos tópicos Painel13
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.




© Fórum dos Fóruns


[TUTORIAL] Efeito lightbox para imagens nos tópicos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Efeito lightbox para imagens nos tópicos
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8124
Pontos Ativos : 12138

https://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum