[TUTORIAL] Transformar link em imagem automaticamente

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

TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente Empty [TUTORIAL] Transformar link em imagem automaticamente

Mensagem por Hancki 11.07.14 10:00


TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente Magic

Efeito JQuery

Por vezes, quando queremos postar uma imagem, falta paciência para colocar o seu link dentro das tags [img]. Com este script, não precisa mais disso. Apenas coloque o link da imagem, sem as tags [img].


--> Tutoriais, dicas e astúcias <--
Transformar link em imagem automaticamente



- Código a ser utilizado:
Código:
$(function() {
  var links = $('.post a'), local = document.URL.replace(location.hash, '').replace(location.pathname, ''), reg = /\.(png|jpg|jpeg|gif)$/i;
  for(var i = 0, l; (l = links[i++]); ) {
      if(l.innerHTML !== l.href) continue;
      if(reg.test(l.href)) l.innerHTML = '<img style="width:100%;height:auto;" alt="' + l.href + '" src="' + l.href + '">';
      if(l.href.indexOf(local) === 0) l.innerHTML = l.href.substring(l.href.lastIndexOf('/'));
  }
});


- Aplicando código JS:
Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente Painel13
TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente 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 - [TUTORIAL] Transformar link em imagem automaticamente 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
TUTORIAL - [TUTORIAL] Transformar link em imagem automaticamente 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 - [TUTORIAL] Transformar link em imagem automaticamente Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Transformar link em imagem automaticamente
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos