• 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
41 wizyt
pytanie zadane 16 stycznia w JavaScript, jQuery, AJAX przez kralcz88 Obywatel (1,640 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,750 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ź 80 wizyt
pytanie zadane 23 marca 2017 w JavaScript, jQuery, AJAX przez Muhin Gaduła (3,800 p.)
0 głosów
1 odpowiedź 113 wizyt
0 głosów
1 odpowiedź 68 wizyt
pytanie zadane 1 kwietnia 2017 w Grafika i multimedia przez Muhin Gaduła (3,800 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

63,168 zapytań

109,404 odpowiedzi

228,555 komentarzy

42,695 pasjonatów

Przeglądających: 47
Pasjonatów: 2 Gości: 45

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.

...