Отключение GIF-анимации в HTML

Question

Можно ли в HTML включить анимированный GIF в тег , но автоматически указать GIF не анимировать? Я понимаю, что пользователь может остановить анимацию, нажав ESC или нажав Стоп, но я хочу, чтобы изображения GIF вообще не анимировались.

Я хочу сделать это только на одной конкретной странице, и создание отдельных неанимированных версий (1500+) GIF невозможно. Я просто хочу, чтобы картинки не анимировались.

Answer 1

Вы можете использовать Giffer .

Просто включите библиотеку на своей странице:

<script type="text/javascript" src="gifffer.min.js"></script>

Вместо установки атрибута src для вашего изображения используйте data-gifffer.

<img data-gifffer="image.gif" />

В конце звоните Gifffer(), когда захотите. Например:

window.onload = function() {
    Gifffer();
}

Если вы вообще не хотите, чтобы GIF перемещался, вы всегда можете отредактировать файл .js, удалив кнопку воспроизведения.

Answer 2

Используйте ImageMagik, и вы можете легко конвертировать все 1500 изображений.

Answer 3

Вы можете использовать window.stop() в javascript, что должно быть равнозначно нажатию ESC / нажатию кнопки «Стоп». Однако я уверен, что он не будет работать во всех браузерах (т.е. IE).

Answer 4

Я не думаю, что вызов window.stop () будет хорошим решением. Это должно быть вызвано для каждого загруженного изображения, чтобы предотвратить его прохождение на полпути и остановку. Лучшее решение - использовать библиотеку, например GD, для создания изображений, содержащих только первый кадр анимированного GIF.

Answer 5

Не с простым HTML, но использование PHP с imagecreatefromgif может помочь вам