代码工作正常,但由于该功能每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;'/>";
答案 0 :(得分:0)
你的代码看起来有点不清楚,所以我假设图像因为它的变化而闪烁?
首先是google&amp;搜索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效果。