AJAX altera src de imagem, mas ela não atualiza direito

[Luan Lima 4]

Olá galera, o que me ocorre é o seguinte:

Tenho algumas divs, com imagens, que eventualmente precisam ser alteradas e exibir outra imagem, para isso usei alguns códigos em javascript/AJAX.

Porém:

 

Quando o AJAX é chamado, ele altera o SRC da imagem, porém, em vez de exibir outra imagem no lugar(chamando a mesma, uma vez que ela existe) ele exibe como se a imagem tivesse sido carregada com erro(aquele cadeadinho quebrado no meio de algo transparente).

Meu script é feito em PHP...

Essa função é chamada automaticamente de tempos em tempos(não é disparada por botão), por um AJAX.

Eu já fiz algumas verificações que podem ajudar o pessoal a entender o problema:

 

Após o AJAX ser chamado e alterar o SRC(tudo dentro do esperado), conferi que:

O SRC realmente muda;

Se eu der F5 a imagem carrega normalmente, mas sem F5, o SRC muda e ela não carrega direito, ou melhor, dá erro;

A Imagem nem começa a carregar, dá erro direto, como se não existisse;

 

Alguém tem ideia do que pode ser?

Agradeço desde já.

 

 

poxa...

[Patrick Magalhães 1]

Coloca o link completo da imagem. http://site.c.b/img.jpg e faz o teste.

 

##################################

$(document).ready(function(){

 

var img = 'algo para passar para o post do carregar_imagem.php';

$.ajax({

url:'ajax/carregar_imagem.php',

type:'POST',

data: {'img':img},

success: function(html) {

var htmlr = "";

htmlr +="<img src="+ html +" border='0' style='margin:auto;'>";

//$('#receber_imagem').html(htmlr);

}

});

});

[Bergs 53]

Cara aconselho vc chamar a tag img com o caminho da imagem em vez de trocar o src da img, e também faça um preload das imagem antes pois elas demoram para carregar se chamadas só quando houver a requisição ajax.

[Luan Lima 4]

Agradeço ao Patrick e ao Berg pela ajuda.

Ambas as dicas são muito válidas, inclusive vou dar uma estudada melhor nisso de preload, pois pode me ser útil em algumas imagens.

 

Mas...

O ''erro'' era algo ridículo! vocês não têm noção rs, na verdade eu estou tratando essas imagens de duas maneiras, uma no F5(com as imagens já prontas pelo PHP) e outra sem F5(quando eventualmente altero elas pelo ajax), a parte do PHP estava tudo ok, mas na função AJAX, estava assim:

img=imagem[x]+'png';

Faltava o ponto antes do png.... O mais engraçado é que chegava a alterar o src, mas não do jeito certo obviamente. E no F5 tudo se resolvia, porque como já disse, é uma outra rotina, no PHP.

Em todo o caso, mais uma vez obrigado a todos.