이미지 마우스클릭 질문이요

이미지가 바나나 사과 딸기 복숭아 4가지가 있습니다

       

클릭하면 온 오프 타입으로 각각 2가지씩 이미지를 만들었는데요

마우스 클릭시 

이미지가 변경 되었으면 좋겠습니다.

1번이 (컬러이미지) on일경우 234번은 off이미지 (무색이미지)

2번이 (컬러이미지) on일경우 134번은 off이미지 (무색이미지)

이런식으로 표현하고 싶은데 어떻게 작업해야 하나요?

|

답변 2개

2020-12-30 (수) 18:13:27

1 이미지를 반복문돌려서 확인 변경

2 제이쿼리 siblings 사용

(<img>가 나란히 있다는 전제하에)

저라면 클릭한 요소는 src의 off를 on으로 replace,

클릭한 요소의 형제요소들은 on을 off로 할것같아요

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