php ajax auto refresh smoothing

Question

Код работает нормально, но поскольку функция обновляется каждые 2 секунды, изображение мгновенно мигает и гаснет. Как я могу заставить его выглядеть гладко или не моргнуть?

echo '<script> 
window.setInterval(function() { 
    yopahshareloader("'.$id.'"," '.$postype.'"); 
}, 2000); 
</script>'; 

//the code calling the ajax function. 
echo "<img onclick='respond("; 
echo '"yo","' . $id . '"' . ',"' . $postype . '"'; 
echo ")' src='images/icons/yo.png' style='margin-bottom:5px;'/>"; 

Answer 1

Ваш код выглядит немного неясным, поэтому я предполагаю, что изображение мигает, потому что оно меняется?

Сначала google & Поиск stackoverflow обычно поможет вам получить ответ, но вот что вы ищете.

Вы хотите загрузить изображение, а затем отобразить его, так что вы можете сделать, это загрузить его в JavaScript, связать событие для того, когда он загружает, а затем сделать свою магию: P

//create image object 
var image = new Image(); 

//add image path 
image.src = ""; 

//bind load event 
image.onload = function(){ 
    //now load next image 
    // The image has loaded 
} 

Так что теперь вы» вы остановили мигание, вы можете изучить использование jQuery, чтобы обеспечить эффект fadeIn и fadeOut.