이미지 클릭시 이미지 변경 스크립트 질문
새론
div data-role=header h1 span id=h-titleTEXT/span span id=h-icons a href=a.html /img src=../icon/home-home.png //a a href=b.html /img src=../icon/home-search.png //a a href=c.html /img src=../icon/home-back.png //a /span /h1/div
위와 같이 jquery mobile 기반으로 웹페이지를 만들고 있습니다.
이미지를 터치(클릭)했을 때 각각 home-home2.png, home-search2.png, home-back2.png 와 같이 이미지가 바뀌어야 합니다.
터치했을 때 이미지를 바꾸는 스크립트를 써야하는데, 마크업을 건드리지 않고 이미지를 바꿀 수 있다면 최고의 방법이구요,만약 img에 id를 주는 것이 반드시 필요하다면 그렇게 수정하겠습니다.
jquery플러그인을 사용하는 것도 상관없습니다. 가급적 마크업을 건드리지 않으면 됩니다.
부탁드립니다.
-
큰모음
a를 눌렀을때 페이지 이동이 일어날 경우와 아닐 경우가 다르게 되겠네요.. 페이지 이동이 일어나지 않는다면 href 값이 무의미해지는거고.... 이 경우는 단순하게 자바스크립트로 제어 가능할거구요.. 페이지 이동이 일어난다면 parameter 던져서 받고 개발단에서 처리하는 편이 나을거구요.. 동적으로 페이지를 불러오고 뭐 그럴 경우엔 또 그 상황에 맞게 스크립트로 해 줘야 할 것 같네요.. jquery-mobile 일 경우엔 사용할 수 있는 경우의 수
-
한무릎
이런말씀 실례일수도 있습니다만, 마크업을 건드려서 시맨틱하게 만들고 싶은 욕구가 생기네요.