• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pauzowanie animacji GIF

0 głosów
54 wizyt
pytanie zadane 16 stycznia w JavaScript, jQuery, AJAX przez kralcz88 Obywatel (1,730 p.)

Witam!

Czy da radę zapauzować animację GIF?

W moim kodzie mogę uruchomić animację i zatrzymać ją. Ale ponowne kliknięcie na przycisk to odtwarzanie animacji od początku. 

Może jest jakiś sposób, żeby manipulować animacją? Może coś w stylu ustawiania currentTime?

 

 <div class="gifWrapper">
        <img src="Comp_static.gif" alt="" class="gif">
        <button class="gifRun">Animate</button>
    </div>

 

const gifImg = document.querySelector(".gif");
const animateBtn = document.querySelector(".gifRun");
let run = false;


animateBtn.addEventListener("click", function () {
    if (!run) {
        this.textContent = "Stop it!"
        gifImg.setAttribute("src", "Comp 1.gif");
        run = !run;
    } else {
        this.textContent = "Animate";
        gifImg.setAttribute("src", "Comp_static.gif");
        run = !run;
    }

});

 

1 odpowiedź

0 głosów
odpowiedź 16 stycznia przez Raptor Mądrala (5,900 p.)
wybrane 17 stycznia przez kralcz88
 
Najlepsza
Przejrzyj sobie ten temat:

https://stackoverflow.com/questions/2385203/can-you-control-gif-animation-with-javascript

Tak jak juz pisza możesz albo użyć css sprite i rozbić gif na klatki w jpg / png lub użyć https://github.com/buzzfeed/libgif-js

Podobne pytania

0 głosów
1 odpowiedź 83 wizyt
pytanie zadane 23 marca 2017 w JavaScript, jQuery, AJAX przez Muhin Gaduła (3,840 p.)
0 głosów
1 odpowiedź 125 wizyt
0 głosów
1 odpowiedź 68 wizyt
pytanie zadane 1 kwietnia 2017 w Grafika i multimedia przez Muhin Gaduła (3,840 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

64,791 zapytań

111,250 odpowiedzi

233,951 komentarzy

46,683 pasjonatów

Przeglądających: 109
Pasjonatów: 1 Gości: 108

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...