Atualizar Links de Imagens

[jhuliors 0]

Olá sou novo no forúm, é acho que esse sejá o lugar certo.

 

Estou desenvolvendo uma página que exibirá várias imagens, essas imagens estão alocadas em outro site, essas imagens são atualizadas hora em hora, e o link não mudar continua o mesmo (são gráficos), porém mesmo usando javascript para atualizar a página, as imagens não atualizaram.

 

OBS: Eu não baixo as imagens, utilizo o link das imagens do outro site;

Já utilizo javascript para atualizar a página e mesmo assim as imagem não são atualizadas.

Já tentei usa as imagem como iframe e mesmo assim não atualiza.

 

Segue o pedaço do código que linka as imagens.

 

<TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" class="branco">
<TR>
<TD COLSPAN=2><hr></TD>
</TR>
<TR>
<TD ALIGN=CENTER COLSPAN=2>
<IMG SRC="www.teste.com/teste1.png" WIDTH=497 HEIGHT=221 ALT="teste1">
<BR><BR>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER COLSPAN=2>
<IMG SRC="http://www.teste.com/teste2.png" WIDTH=497 HEIGHT=221 ALT="teste2">
<BR><BR>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER COLSPAN=2>
<IMG SRC="http://www.teste.com/teste3.png" WIDTH=497 HEIGHT=221 ALT="teste3">
<BR><BR>
</TD>
</TR>
<TR>
<TD COLSPAN=2><hr></TD>
</TR>
</TR>
</TABLE>

Preciso que as imagens dos links sejam atualizadas na minha página em hora em hora, como faço alguém conseguer me ajudar ?

[fabricioserralvo 5]

Meu caro, não entendi muito bem sua dúvida, mas vamos lá,

 

o endereço das imagens está correto?

consegue acessar pelo browser numa boa?

 

Quando você diz 'link da imagem' se refere ao 'source' (caminho) dela?

[jhuliors 0]

O endereço está correto as imagens são exibidas normalmente, o problema não é esse, o problema e que as imagens são atualizadas de hora em hora, e seu endereço não mudar, porém na minha página essas imagens não atualizam.

 

Quando digo link e o endereço das imagens na web como no exemplo "http://www.teste.com/teste1.png", essas imagens estão em outro site e são atualizadas, eu linkei essas na minha página e são exibidas normalmente porém não atualizam, mesmo dando refresh na página.

[jhuliors 0]

Vamos lá, atualmente estou usando javascript para atualizar a minha página, segue abaixo o meu código.

 

function doLoad()

{

nocache = "&nocache=" + Math.random() * 10000

setTimeout( "refresh()", [80000] );

}

 

function refresh()

{

window.location.href = window.location;

}

Meu html está assim nas imagens:

 

<...>

 

<table>

<thead>

<tr><th><h2 id="AME"> AMERICANA - SP</h2>

<tr>

<th><h3> Gráfico</h3>

 

<tr>

<td>

<!-- Dia --><a class="thumb" href="

http

://www.teste.com/ame

" target="_blank">

<img SRC="

http

://www.teste.com/teste1.png

" WIDTH=497 HEIGHT=221 ALT="Daily">

<!-- Semana -->

<img SRC="

http

://www.teste.com/teste2.png

" WIDTH=497 HEIGHT=221 ALT="Weekly">

</a>

</table>

<br>

 

<...>

O endereço http://www.teste.com e outro site externo, onde só pego o endereço das imagens.

 

O página que estou desenvolvendo possui mais de 50 imagens, que estão em outro site, assim utilizo um link dessas imagens na minha página, as imagens são exibidas normalmente, porém elas não atualizam, como já tinha dito são gráficos que são atualizados de hora em hora, porém mesmo atualizando a página com javascript as imagens que são exibidas não são atualizadas.

 

Espero que tenha ficado claro agora.

 

 

Alguém pode ajudar ?

[angelorubin 142]

Bom dia,

 

Pelo que entendo conforme abrir o browser as imagens atuais aparecerão normalmente, não estou vendo motivo na atualização, ou o link delas mudam também?

[jhuliors 0]

As imagens mudam, mais os link continuam os mesmos.

 

Essas imagens são gráficos, que são atualizados de hora em hora, o endereço (url) continua o mesmo, o problema que as imagens na minha página não atualizam, ficam em cache, o gráfico das 08 da manhã dica a mesma imagens o dia todo, eu queria que a cada hora essa imagem seja atualizada.

[jhuliors 0]

No stackoverflow.com, encontrei esse código, porém preciso escalonar isso por que uso muitas imagens e não dar para inserir todas dentro do java script,

 

 

 

<img id=graph alt="" src="http://www.kitco.com/images/live/gold.gif" /><script language="javascript" type="text/javascript">var d = new Date(); document.getElementById("graph").src ="http://www.kitco.com/images/live/gold.gif?ver=" + d.getTime(); </script>

 

E o resultado seria http://www.kitco.com/images/live/gold.gif?2024750

 

Seria possível fazer algum aparecido com :

 

var d = new Date(); document.getElementById("graph").src = URL=? + d.getTime(); 

Onde ele ira colocar a data ou um número aleatório (poderiam random) no final da URL de todas as imagens tag img src, assim o navegador não ira gerar mais cache para imagens,.

[William Bruno 1501]

cara... fazer isso com js não é legal não.

 

pq vc vai no mínimo fazer o visitante baixar a mesma imagem 2 vezes.

Oque vc quer, vc tem q resolver no server-side.

[jhuliors 0]

No serve não vai rola, esse é a minha única alternativa.

 

Preciso fazer funcionar desse jeito, o código acima não está funcionando ainda, creio que dará certo.

[jhuliors 0]

Pessoal alguém pode me ajudar nessa ?

 

Agora o código está assim ;

 

function Image() {

var url = document.getElementById('graph').src

var ra = "?" + Math.floor (Math.random () * 100000);

document.getElementById('graph').src = (url + ra);

}

O Resultado e o http://www.teste.com.br/images/graph.png?9406, porém ele fica adicionando mais e mais números na url ficando assim http://www.teste.com.br/images/graph.png?9406?23497?4083?90833?93509?74323 infinitas vezes, e também funciona só para o primeiro src da página.

[William Bruno 1501]

vc precisa fazer um loop por todas as tags img.

 

 

document.getElementsByTagName('img')

 

isso vai te devolver um array. Itere sob ele e faça oq vc quer

[jhuliors 0]

Obrigado William,

 

Conseguir fazer o loop pela página para busca as tags img, porém não conseguir fazer ele monta a url como eu queria, veja como ficou o código;

function Image(){
var rad = "?" + Math.floor (Math.random () * 100000);
var url = document.getElementsByTagName("img");
var urlSrcs = [];
for (var i = 0; i < url.length; i++) {
    ;
    urlSrcs.push(url[i].src);
}
document.getElementById('graph').src = (urlSrcs  + rad);
return urlSrcs;
}

Porém agora o resultado são todas as "src" da página na primeira tag "img", poderia me ajudar em mais essa, por favor. já estou a dias tenta fazer isso funcionar

[William Bruno 1501]

function Image(){

var rad = "?" + Math.floor (Math.random () * 100000);

var img = document.getElementsByTagName("img");

 

for (var i = 0; i < img.length; i++) {

img.src = img.src + rad;

}

}

[jhuliors 0]

Valeu pela resposta, eu tinha conseguido chegar a esse resultado ontem, funcionar porém não resolveu o meu problema, as imagens ainda não atualizam.

 

Mais obrigado pela força.