php ajax自动刷新平滑

Question

The code is working fine, but since the function refreshes every 2 seconds, the image blinks abruptly and goes off. How can I make it look smooth or not make it blink?

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

Your code looks a little unclear, so I'll assume the image blinks because it's changing?

Firstly google & searching stackoverflow will usually help you get your answer but here's what you're looking for.

You want load the image then display it, so what you can do is load it into javascript, bind an event for when it loads, and then do your magic :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
}

So now you've stopped the blinking, you could look into using jQuery to allow for a fadeIn and fadeOut effect.