양식 요소를 여러 사용자 정의 이미지로 바꿉니다.

Question

각기 다른 이미지로 바꿔야 할 체크 박스가 있습니다. 체크 박스/라디오 필드를 맞춤 이미지로 대체 할 수있는 몇 가지 플러그인을 찾았지만 이러한 플러그인은 단일 이미지로만 작동합니다. (사용성 관점에서 보았을 때, 전통적인 의미에서 라디오/체크 박스 필드에 대해 다른 이미지가 필요하지 않음을 알 수 있습니다.)

더 복잡한 작업을 수행하려면 확인란을 맞춤 이미지로 바꾸는 것 외에도 다른 이미지를 위에 덧씌우기를 할 것입니다.

이 작업을 수행하기위한 제안은 무엇입니까?

감사

편집 : 두 이미지 즉, 사용자 정의 체크 박스 이미지가 추가 오버레이 이미지를 축소되는으로, 가장 큰, 볼 수 있어야합니다.

Answer 1

당신이해야 할 일은 확인란의 표시를 없음으로 설정하는 것입니다. 그런 다음이 코드를 실행하는 이미지에 .mousedown() 이벤트를 추가하십시오 ($('#checkbox_id').click()). 그리고 체크 박스에 대한 맞춤 이미지를 설정하는 방법입니다.

확인란 이미지의 다른 이미지가있는 경우 확인란 이미지를 볼 수 있습니까?