JQuery изображение перехода

Question

У меня есть кнопка на веб-сайте, который я создаю для проекта колледжа (веб-сайт, который продает музыку).Я использую кнопку покупки, которая выглядит как кнопка из магазина приложений Apple:

image1 http://ryanholder.co.uk/img/buy_button_5.99.png

image2 http://ryanholder.co.uk/img/ibutton_buynow.png

Я задавался вопросом, знает ли кто-нибудь JQuery, которыйЯ мог бы использовать, или, если вы могли бы создать, так что я могу нажать на первое изображение, и оно переходит к второму изображению.Вроде как, если вы нажмете на нее в реальном магазине приложений iTunes.

* И если вы сможете вернуться к предыдущему изображению

И, прежде чем вы скажете, чувак, это явно авторское право.Я использую этот дизайн только для проекта колледжа, а не для реального сайта;)

Заранее спасибо:) !!

Answer 1

http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/. Будучи проектом колледжа, мы бы не хотели получать удовольствие от обучения.

Answer 2

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

Answer 3

Если вы поместите оба изображения в один файл, а затем просто измените видимые координаты с помощью jquery.Выкапывая пример.BRB