.gif play/stop

<script type='javascript'>
$(".gif-post").on("click", function () {
var $this = $(this);
var img = $this.find("img");
if (!this.playing) {
this.playing = true;
img.attr("src", img.attr("src").replace(".jpg", "a.gif"));
$this.find(".play").hide();
} else {
this.playing = false;
img.attr("src", img.attr("src").replace("a.gif", ".jpg"));
$this.find(".play").show();
}
});
</script>


<div class="gif-post">
<img src="http://d24w6bsrhbeh9d.cloudfront.net/photo/aM1z3pR_460s.jpg" />
<span class="play">GIF</span>
</div>