Como incluir link de acesso a Site em um código Script através de...

[ToninhoSouza 0]

Como incluir URL link de acesso ao Site, embutido nesse código através das imagens no código abaixo:

 

Exemplo:

 

<SCRIPT language="JavaScript">

{

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/bruxa_4.gif", 2, 10, 100);

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_6.gif", -5, 25, 50);

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/bruxa_3.gif", 5, 70, 100);

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/bruxa_5.gif", -6, 50, 60);

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/bruxa_2.gif", 25, 99, 100);

JSFX.AddFloatImg("http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_7.gif", -9, 100, 70);

}

</SCRIPT>

Agradeço aos gênios de JavaScript que puderem me ajudar.

[CamilaLopez 9]

pode esplicar melhor amigo

[ToninhoSouza 0]

Olá Camila, é o seguinte... Este código acima é de um Efeito Especial de imagens surgindo na pagina na horizontal, e eu gostaria de inserir uma URL (link de acesso ao Site) através dessas imagens que passam pela pagina. Veja um Efeito nesse endereço... http://www.tonygifsjavas.com.br/efeitos_para_blogs/a_teste_efeitos/teste_codigo_bruxas.htm

Obrigado!

Caso vc precisar de todos arquivos que compõem o Efeito, que são os JS, te enviarei para onde vc me indicar.

Agradeço pela sua boa vontade em me ajudar, não sou bom conhecedor dos códigos javas, apenas curioso, pois me dedico á uma infinidade de coisas no meu Site que disponibilizo para Blogs e Redes Sociais tudo gratuitamente. Obrigado!

[Rafael Sirotheau 43]

Adiciona essa função ao seu código

function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}

E, então, abaixo de cada JSFX.AddFloatImg, chama a função assim

addA('http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_4.gif','http://www.endereco.com');

Substituindo o primeiro parâmetro pela URL da imagem que está sendo utilizada no JSFX.AddFloatImg

[ToninhoSouza 0]

Olá Rafael, não abusando de sua bondade, me esclareça esta minha dúvida:

 

Os arquivos JS que acompanham este Efeito são:

 

JSFX_Layer.js

JSFX_Browser.js

JSFX_FloatLR.js

 

Esta função abaixo eu coloquei no final do arquivo JS - JSFX_FloatLR é isso mesmo?

 

function addA(imgUrl,link) {

var div = document.querySelector('[src='+imgUrl+']').parentNode;

var a = '<a href="'+link+'">'+div.innerHTML+'</a>';

div.innerHTML = a;

}

 

---

 

Quanto a este abaixo eu não entendi como colocar, tipo vc disse abaixo de cada, poderia me esclarecer melhor, onde coloco esta linha abaixo ou substituo pela existente?

 

addA('http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_4.gif,http://www.endereco.com');

 

embutido nesse abaixo, se é que eu entendi:

 

<SCRIPT language="JavaScript">

{

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif", 2, 10, 100);

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif", 5, 70, 100);

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);

 

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif", 25, 99, 100);

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);

}

</SCRIPT>

 

 

Como me qualifiquei acima, sou um mero curioso, mas que adoro mexer com códigos. Abraços e obrigado!

*

[Rafael Sirotheau 43]

No seu HTML, onde voce inclui o ultimo codigo citado acima, coloque isto

<script type="text/javascript">
function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}
</script>
 
<SCRIPT language="JavaScript">
{
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif",  2, 10, 100);
addA("http://www.tonygifsj...ndo/bruxa_4.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);
addA("http://www.tonygifsj...ndo/fantasma_6.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif",  5, 70, 100);
addA("http://www.tonygifsj...ndo/bruxa_3.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);
addA("http://www.tonygifsj...ndo/bruxa_5.gif","http://www.endereco.com");
 
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif",  25, 99, 100);
addA("http://www.tonygifsj...ndo/bruxa_2.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);
addA("http://www.tonygifsj...ndo/fantasma_7.gif","http://www.endereco.com");

}
</SCRIPT>

[ToninhoSouza 0]

Rafael, quero agradecer de coração pela, o que você fez não tem preço, é uma bondade sem tamanho, vou dar o máximo de ponto positivo, como sou novo nesse forúm, não sei ainda como funciona em termos de nota, mas darei o máximo e depois como resolvido, só mais duas perguntas: Este código javascript function AddA serve para qualquer um Efeito em JavaScript que tem imagem? outra coisa, como faço para colocar a abertura em uma nova janela dentro do código javascript? no html eu sei fazer.

Obrigado! Obrigado! Que DEUS te de muita sabedoria para ajudar a quem precisar.

[ToninhoSouza 0]

Com relação a esta parte do código que ficará visível para o visitante e o mesmo poderá substituir o URL do meu Site pelo dele e continuar puxando a imagem do meu servidor hosting. Tentei fazer um JS deste código mas não funcionou, teria outra forma de esconder o URL do Site?

</script>
 
<SCRIPT language="JavaScript">
{
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif",  2, 10, 100);
addA("http://www.tonygifsj...ndo/bruxa_4.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);
addA("http://www.tonygifsj...ndo/fantasma_6.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif",  5, 70, 100);
addA("http://www.tonygifsj...ndo/bruxa_3.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);
addA("http://www.tonygifsj...ndo/bruxa_5.gif","http://www.endereco.com");
 
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif",  25, 99, 100);
addA("http://www.tonygifsj...ndo/bruxa_2.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);
addA("http://www.tonygifsj...ndo/fantasma_7.gif","http://www.endereco.com");

}
</SCRIPT>

Quanto a essa parte do código abaixo, coloquei a function direto no JSFX_FloatLR.js e deu certo.

<script type="text/javascript">
function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}
</script>

Só ficou esta parte para dar tudo certinho. Obrigado!