显示GIF图像在9Gag风格



我想知道如何在点击JPG文件后显示GiF文件,就像在9Gag.com

我使用timthumb.php的JPG图像。

https://code.google.com/p/timthumb/

下面的代码
<div class="images">
<img alt="Image Title" src="timthumb.php?src=MyImage.jpg&amp;w=500&amp;q=100">
</div>

我想在点击这个JPG后显示原始图像。谁能告诉我如何使用jQuery或javascript来做到这一点?

注意:这是一个图像循环,所以可以有多个图像。

你的帮助真是太好了。

这可以通过jQuery库完成。

<div class="images">
    <img class="thumb" alt="Image Title" src="https://i.stack.imgur.com/ruR4z.png" gif="http://ourbunkers.0catch.com/grunt.gif"/>
    <img class="thumb" alt="Image Title" src="https://i.stack.imgur.com/ruR4z.png" gif="http://ourbunkers.0catch.com/grunt.gif"/>
    <img class="thumb" alt="Image Title" src="https://i.stack.imgur.com/ruR4z.png" gif="http://ourbunkers.0catch.com/grunt.gif"/>
</div>
Javascript

$(".thumb").click( function(){ 
    $(this).attr("src", $(this).attr("gif")); 
});
http://jsfiddle.net/PP42Q/8/

相关内容

  • 没有找到相关文章

最新更新