Javascript jquery图像转换

我在一个网站上有一个按钮，我正在为一个大学项目（出售音乐的网站）制作这个按钮。我使用的是一个购买按钮，看起来像苹果应用商店的按钮：

我在那边想，如果有人知道我可以使用的JQuery，或者你可以创建一些JQuery，这样我就可以单击第一个图像，然后它转换到第二个图像。有点像你在iTunes应用商店里点击它

*如果可以的话，你可以找到一种方法来转换回之前的图像

在你说伙计之前，这显然是版权。我只是将此设计用于大学项目，而不是实际的网站；）

---

提前感谢：）

如果要将两个图像放在一个文件中，然后使用jquery简单地更改可见坐标。

---

挖掘例子。BRB

如果要将两个图像放在一个文件中，然后只需使用jquery更改可见坐标。

$('#my_button').click(function(){
   if ($(this).css('background-image') == 'first_image'){
      $(this).css('background-image', 'second_image')
   } else {
      $(this).css('background-image', 'first_image')
   }
})

---

挖掘例子。BRB

。作为一个大学项目，我们不想剥夺学习的所有乐趣。

。作为一个大学项目，我们不想失去学习的乐趣。

这将产生不必要的图像。这将产生不必要的图像。我添加了：$（'#buybutton'）。单击（function（）{if（$（this）.css（'background-image'）='/img/album\u covers/buy\u button\u 5.99.png'）{$（this）.css（'background-image'，'/img/album_covers/ibutton_buynow.png'）else{$（this.css（'background-image'，'img/album_covers/buy_button_5.99.png'）}）和我的div名为buybutton，但它不起作用，不确定我做错了什么：/I添加了：$（'buynbutton'）。单击（function（）{if（$（this.css（$））=='/img/album\u covers/buy\u button\u 5.99.png'）{$（this.css（'background-image'，'/img/album\u covers/ibutton\u buynow.png'）}其他{$（this.css（'background-image'，img/album\u covers covers/buy\u button\u 5.99.png'）}）和我的div被称为buybutton，但它不起作用，不确定我做错了什么：/

$('#my_button').click(function(){
   if ($(this).css('background-image') == 'first_image'){
      $(this).css('background-image', 'second_image')
   } else {
      $(this).css('background-image', 'first_image')
   }
})