我应该使用什么代码?

时间:2014-04-07 17:00:03

标签: jquery html css

我在Div中有一个图像,我希望只需点击一下鼠标即可更改为另一个图像,如果可以通过CSS完成,或者Jquery是最好的方法,有人可以帮助我,这是代码:

    <div id="slideshow">    
<img class="one" src="img/TextSlide1.jpg" alt="Slide" id="slideShow" />
</div>

我还有两个名为TextSlide2.jpg和TextSlide 3.jpg

的图像

提前感谢您提供任何帮助

1 个答案:

答案 0 :(得分:3)

你的问题没有足够的努力,所以我会提出基本答案。这是如何在点击时更改图像。你可以遍历一系列来源并显示下一个/上一个。但努力是相对的。

 <div id="slideshow">    
    <img class="one" src="img/TextSlide1.jpg" alt="Slide" id="slideShow" />
</div>

$('#slideshow img').click(function() {
    $(this).attr('src', 'nextImage.png');
});

http://jsfiddle.net/jFIT/bwZ54/1/