如何更改img url?(带/class）

How to change img url? (with/ class)

本文关键字：class 何更改 img url      更新时间：2023-09-26

添加/删除animate-in/out类(http://hostelgoodmo.com/test.gif)，以及如何更改img url？

新幻灯片=>添加gif=>开始gif动画=>（删除旧gif）下一张幻灯片=>添加gif。。。。

幻灯片1：

<li class="slide-one animate-in">
<img src="active.gif">
</li>
<li class="slide-two">
<img src="none.png">
</li>
<li class="slide-four">
<img src="none.png">
</li>
</ul>

幻灯片2：

<li class="slide-one animate-out">
<img src="none.png">
</li>
<li class="slide-two animate-in">
<img src="active.gif">
</li>
<li class="slide-four">
<img src="none.png">
</li>
</ul>

幻灯片3:

<ul class="animation-canvas">
<li class="slide-one animate-out">
<img src="none.png">
</li>
<li class="slide-two animate-in">
<img src="none.png">
</li>
<li class="slide-four">
<img src="active.gif">
</li>
</ul>

很简单：

$('selector_to_img_tag').attr('src','what you want');

使用jQuery更改图像的src属性。

HTML:

<img src="http://www.hdwallpapersdj.com/wp-content/uploads/2013/09/cartoon-1.jpg" width="100px" height="100px" />
<input type="button" value="Change Image" />

jQuery:

$("input").click(function(){
    var newImageUrl = "http://images2.fanpop.com/image/photos/14000000/Disney-Cartoon-wallpaper-classic-disney-14019904-1024-768.jpg";
    $("img").attr("src", newImageUrl);
});

演示

相关文章：