小编Osc*_*lle的帖子

我有一个网站上有图像.一些图像是动画GIF图像.我所做的是显示GIF的静态图像,并在点击事件中显示实际的GIF图像.

这是我的代码:

JQuery的

$(".theimage").click(function() {
$(this).addClass('hidden');
$(this).next().removeClass('hidden');
});
$(".theimage2").click(function() {
 $(this).addClass('hidden');
$(this).prev().removeClass('hidden');
});

HTML

<img class="theimage" src="image_static.gif" alt=""/>

<img class="theimage2 hidden" src="image_animated.gif" alt=""/>

CSS

.hidden{
display:none !important;
}

我正在更改上一个和下一个元素的类,因为我可能在一个页面上有多个GIF图像,从而阻止了对所有这些元素发生的操作.

到目前为止,这个脚本很有用.实际上我想要实现的是GIF图像始终从头开始.目前它只是第一次这样做.然后,看起来它继续在后台播放,在第二次通话时,它只是继续播放.有时甚至它会冻结,我猜测与缓存有关.

我怎么能做到这一点？

这是我的链接:

href='" . $ajax_like_link . "' data-task='like' data-post_id='" . $post_id . "' data-nonce='" . $nonce . "'>";

我想从状态替换显示的链接值并设置为javascript:void(0).

我怎么能做到这一点？