채택완료

여러개의 이미지를 버튼으로 만들려면?

2015-04-08 (수) 10:55:28 2,761

각 이미지버튼 마다 값이 있고, 이미지 하나를 선택하면 그 값이 선택 되어진 상태로 하고 싶습니다.

(쇼핑몰의 옵션선택 기능 변형)

|

답변 1개

채택된 답변
+20 포인트

각 이미지에다 클래스를 주고

스크립트로 처리하면 될거 같은데요.

Copy
<style>.imageBtn {width: 100px;height: 20px;}.imageBtn.active {border: 1px solid #cccccc;}</style> <img src="..." class="imageBtn"><img src="..." class="imageBtn"><img src="..." class="imageBtn">​​ <script>$("body").on("click", ".imageBtn", function() {$(".imageBtn").removeClass("active");$(this).addClass("active");});</script>

테스트는 안해봐서 버그가 있을지도 모르겠지만 대충 이런식으로 하면 될것 같네요.

답변을 작성하려면 로그인이 필요합니다.