Titulo auto-explicativo "Como impedir o carregamento de imagens GIF e só autoriza-lo ao clicar num botão?".
1 Resposta
Você pode utilizar o freezeframe para tal, a outra forma de fazer é ter uma imagem estática do gif animado, e via jQuery fazer a troca das imagens.
Ficaria desta forma utilizando duas imagens:
JQuery
$(function(){
$("img").click(function(){
var gif = $(this).data('animate');
$(this).attr('src', gif);
});
});
HTML
<img src="/static/88855445.jpg" data-animate="/gif/88855445.gif" alt="" />
Ao clicar na imagem ele irá "iniciar" o GIF