У меня есть куча анимированных gifов, размещенных на моем блоге, и я бы хотел добавить кнопку Play над каждым изображением, чтобы играть в них, когда вы нажимаете на них.onclick play анимированные изображения (Gifs)
ответ
Вам понадобятся два изображения. Одно изображение, которое является только первым кадром без анимации. Затем подключите клик, чтобы заменить это статическое изображение вашим анимированным изображением.
Что-то вроде этого:
$(function(){
$('#StaticImage').click(function(){
$(this).attr('src', 'animated_file.gif');
});
});
Итак, я вручную получил статическое изображение каждого gif, что я должен сделать это? и как им будет удастся добавить кнопку Play так же, как 9gag? посмотрите 9gag.com Gifs, чтобы посмотреть, что я пытаюсь сделать здесь. Спасибо! –
Да, это два изображения. На вашем статическом изображении должна быть прозрачная кнопка воспроизведения. – Boone
http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation - вам может понадобиться статическое изображение для замены при нажатии – ashley