[TUTORIAL] Transformar link em imagem automaticamente
Página 1 de 1
[TUTORIAL] Transformar link em imagem automaticamente
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
Transformar link em imagem automaticamente
1º - 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('/'));
}
});
2º - Aplicando código JS:
Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
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. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
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
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 |
Tópicos semelhantes
» Transformar link em imagem automaticamente
» [TUTORIAL] Transformar fundador em membro
» Tutorial sobre transformar punbb em phbb3
» [TUTORIAL] Logar-se automaticamente no chatbox
» [TUTORIAL] Link com texto ao passar o mouse
» [TUTORIAL] Transformar fundador em membro
» Tutorial sobre transformar punbb em phbb3
» [TUTORIAL] Logar-se automaticamente no chatbox
» [TUTORIAL] Link com texto ao passar o mouse
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos