여러개의 이미지를 버튼으로 만들려면?
본문
각 이미지버튼 마다 값이 있고, 이미지 하나를 선택하면 그 값이 선택 되어진 상태로 하고 싶습니다.
(쇼핑몰의 옵션선택 기능 변형)
답변 1
각 이미지에다 클래스를 주고
스크립트로 처리하면 될거 같은데요.
<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>
테스트는 안해봐서 버그가 있을지도 모르겠지만 대충 이런식으로 하면 될것 같네요.
답변을 작성하시기 전에 로그인 해주세요.
