Carrego um arquivo PHP que me traz uma imagem em jpg. Código:
<?php
$url = "http://site.com.br/sistema/";
?>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('arquivo.php').fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds
</script>
<div id="load_tweets">
</div>
arquivo.php está assim:
<?php
$conecta = mysql_connect('localhost','teste','teste')or die(mysql_error());
$banco = mysql_select_db('nomeBanco');
$selecionaTabela = mysql_query("SELECT * FROM noticias WHERE id = '187'")or die(mysql_error());
$dados = mysql_fetch_array($selecionaTabela);
?>
<img src="modulos/upload/<?php echo $dados['fotoEvento'];?>" alt=""/>
Mas no Chrome a imagem fica piscando, já no Mozilla não!
#load_tweets
uma vez por segundo. Busque apenas conteúdo novo, e insira no final da div se houver. Isso deve resolver o problema. Também recomendo usar um intervalo maior que 1 segundo para verificação.