jquery image transition

나는 대학 프로젝트 (음악을 판매하는 웹 사이트)를 만들기 위해 웹 사이트에 버튼이 있습니다. 임은 애플의 앱 스토어에서 하나처럼 보이는 구매 버튼을 사용하여 : 누군가가 당신이 어떤을 만들 수 있다면 그렇게, 사용하거나 수있는 몇 가지 JQuery와 알고 있다면jquery image transition

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

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

나는 yondering했다 첫 번째 이미지를 클릭하면 두 번째 이미지로 전환됩니다. 실제 아이튠즈 앱 스토어에서 클릭하면 좋아.

* 그리고 당신이 방법은 이전 이미지

그리고 당신은 친구 말을하기 전에이 분명히 저작권으로 다시 전환 할 수 있습니다. 나는 현실적인 웹 사이트가 아니라 대학 프로젝트를 위해이 디자인을 사용하고있다.)

미리 감사드립니다 :) !!

출처

2011-10-10 RyanH

두 이미지를 하나의 파일에 넣은 다음 jquery로 표시된 좌표 만 변경하면됩니다. 예보기. BRB

출처

2011-10-10 23:24:13 Brian

이이 추가 I 이미지 (들) –

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

출처

2011-10-10 23:25:22

의 불필요한 부하 수행합니다. <스크립트 유형 = "텍스트/자바 스크립트"> $ ('#의 buybutton')를하는 경우 ($ (() {( 을 기능을 클릭 이) .css ('배경 이미지') == '/img/album_covers/buy_button_5.99.png') { $ (this) .css ('배경 이미지', '/img/album_covers/ibutton_buynow.png ') } 다른 { $ (이) .CSS ('배경 이미지 ','IMG/album_covers/buy_button_5.99.png ') } }) 내 사업부가 buybutton라고하지만, 그것 dident 작업, 무슨 메신저 확실하지 잘못하고있다 : / – RyanH

http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/. 대학 프로젝트이므로 우리는 모든 재미를 학습에서 제거하고 싶지 않습니다.

출처

2011-10-10 23:26:22 lumberjacked

jquery image transition

답변

관련 문제