JS:Gifアニメを最初からリスタートする
2024.01.22
JavaScriptを使ってGifアニメを最初からリスタートする方法です。

●html
<img src="heart.gif" alt="" class="img">
<button class="btn">最初からリスタート</button>

●JS
var target_Img = $(".img");
target_Img.attr("rel", target_Img.attr("src"));
$(".btn").on("click",function(){
  target_Img.attr("src", "empty.gif").attr("src", target_Img.attr("rel"));
});

"empty.gif" は透明なダミー画像になります。
このEmpty.gifに一瞬差し替えてから元の画像に戻すことで、Gifが最初から再生されます。

240122_oshi_01.gif

| コメント(0)

コメントする

※JavaScriptが有効になっている必要があります




月別アーカイブ