Question

69

Restart a gif animation without reloading the file

rated 0 times [ 71] [ 2] / answers: 1 / hits: 29266 / 11 Years ago, thu, november 7, 2013, 12:00:00

Is it possible to restart a gif animation without downloading the file every time?
My current code looks like this:

var img = new Image();

img.src = 'imgages/src/myImage.gif';



$('#id').css('background-image', 'url(' + img.src + '?x=' + Date.now() + ')' );

Edit

When I insert the gif into the dom it didn't restart the gif animation. I can only achieve this by appending a random string to the image src but this will download the image again.

I want to know if it is possible to restart the gif animation without downloading the gif.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jadyngraysons

Add To Favorites

Follow

Total Points: 455

Total Questions: 109

Total Answers: 98

Location: Trinidad and Tobago

Member since Fri, May 8, 2020

4 Years ago

jadyngraysons questions

1 AWS Lambda SNS Destinations not working on failure or success

Fri, Aug 14, 20, 00:00, 4 Years ago

1 React Hooks useState Array empty with states rendered in the component

Tue, May 5, 20, 00:00, 4 Years ago

1 postman pm set environment variable

Thu, Apr 23, 20, 00:00, 4 Years ago

1 getElementById after dynamically adding it in React

Sat, Jan 18, 20, 00:00, 4 Years ago

1 How to customise Intl.DateTimeFormat date?

Tue, Dec 31, 19, 00:00, 4 Years ago

View All

answered 11 Years ago annalieset · Accepted Answer

I've had similar requirement.

var img = document.createElement(img),

    imageUrl = http://i73.photobucket.com/albums/i231/charma13/love240.gif;

img.src = imageUrl;

document.body.appendChild(img);



window.restartAnim = function () {

    img.src = ;

    img.src = imageUrl;

}