Как сделать постепенную подгрузку гиф изображения?

Question

[Роман Черник]

Как сделать так, чтобы gif-файл сначала был статичным, после того как гиф загрузилась, включается воспроизведение само по себе? Никогда не сталкивался с такой штукой, в гугле найти не могу...

Answer 1

[Ihor Bratukh]

Как-то так:

<img data-gif-preload data-thumb="thumb.jpg" data-src="animation.gif">

(function($) {
		'use strict';
		$.each($('[data-gif-preload]'), function() {
			$(this).attr('src', $(this).attr('data-thumb'));
			$('<img/>', {
				'src': $(this).attr('data-src')
			}).on('load', function() {
				$(this).attr('src', $(this).attr('data-src'));
			}.bind(this));
		});
	})(jQuery);