초

모바일에서 롤오버 기능을 사용하고싶을때 어떻게 하시나요?

· 2014-08-18 (월) 15:09:01 · 4417 · 3

모바일에서 롤오버 기능을 사용하고싶을때 어떻게 하시나요?

제가 원하는 기능은

<a href="/"><img src="./m_menu2.png" onmouseover="this.src='./m_menu2_on.png'" alt="설명글"></a>

요거인데요 ~  요개 모바일에서 확인해보니 특정기종(아이폰5 / 아이폰5s 과 베가 아이언, 갤럭시 노트3 등)에서는 오버됐을때 이미지가 깨져서 나오더라고요 ~ 

 

여러곳을 검색해보니 onmouseover는 모바일에서는 사용못한다고 onclick으로 해보라고 하시더라고요 ~

그래서 <a href="/"><img src="./m_menu2.png" onclick="this.src='./m_menu2_on.png'" alt="설명글"></a>

으로 바꿔서 확인해보니 모바일에서 클릭했을때 이미지 바뀌는게 안먹히더라고요 ~~

pc에서 모바일 버전으로 바꿔서 클릭할땐 이미지가 바뀌는데 모바일에서는 왜 안바뀔까요??  ㅠㅠ

 

설명이 넘 뒤죽 박죽이라....  설명이해가 될지 모르겟네요 ~~ ^^

|

댓글 3개

롤오버 기능을 쓰시려면 터치로 하셔야 합니다.
모바일에서는 onclick 가 딜레이가 발생해서 인식이 느립니다.
ontouch 이벤트를 사용하시면 이 부분은 해결되지만 이것 또한 정석은 아닙니다. ontouchstart()
답변 감사합니다 ^^
근데 <a href="/"><img src="./m_menu2.png" ontouch="this.src='./m_menu2_on.png'" alt="설명글"></a>
이렇게 넣어야하나요? 아님 자바스크립트 소스에서 따로 불러야하나요?
참 어렵네요 ~~ ㅠㅠ
예제
<div id="test_div" style="width:150px;height:150px;background:#ff6600;" ontouchstart="this.style.backgroundColor='#000';" ontouchend="this.style.backgroundColor='#666';">가나다라</div>

이렇게 넣으셔야 합니다.
물론 라인에다 쓰시면 좀 지저분해질수도 있으니 이왕이면 함수를 만들어 사용하시는것이 좋지 않을까 하네요.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
15-12-13 조회 2,528
15-12-13 조회 2,941
15-12-11 조회 2,603
15-12-11 조회 2,564
15-12-11 조회 2,569
15-12-10 조회 2,525
15-12-10 조회 2,584
15-12-10 조회 2,559
15-12-03 조회 3,203
15-12-03 조회 2,718
15-11-25 조회 2,797
15-11-09 조회 3,204
15-11-04 조회 2,967
15-06-09 조회 4,090
15-05-06 조회 5,087
15-03-28 조회 4,574
14-12-05 조회 4,996
14-10-25 조회 5,092
14-10-13 조회 4,269
14-10-03 조회 6,256
14-09-19 조회 4,962
14-09-18 조회 4,050
14-09-13 조회 4,613
14-09-03 조회 5,599
14-08-26 조회 4,205
14-08-26 조회 4,010
14-08-26 조회 3,977
14-08-11 조회 6,502
14-08-06 조회 4,126
14-08-06 조회 3,721
14-08-06 조회 3,933
14-08-01 조회 6,303
14-08-01 조회 3,842
14-07-30 조회 4,438
14-06-28 조회 5,161
14-06-28 조회 4,435
14-05-11 조회 4,589
14-05-09 조회 4,947
14-05-09 조회 7,706
14-04-30 조회 4,327
14-04-27 조회 4,191
14-04-25 조회 4,895
14-04-21 조회 3,873
14-04-21 조회 5,003
14-04-10 조회 4,600
14-04-01 조회 6,156
14-03-03 조회 3,531
14-02-25 조회 5,920
14-02-14 조회 5,194
14-02-13 조회 4,950
14-01-03 조회 4,445
13-12-06 조회 3,766
13-11-22 조회 5,522
13-11-18 조회 4,026
13-10-02 조회 4,447
13-10-02 조회 3,693
13-10-02 조회 3,959
13-10-02 조회 3,816
13-10-02 조회 4,182
13-09-16 조회 8,028
13-09-16 조회 5,393
13-08-18 조회 5,426
13-07-11 조회 4,059
13-07-10 조회 4,690
13-07-09 조회 4,728
13-07-09 조회 4,987
13-07-04 조회 4,485
13-07-04 조회 4,123
13-07-04 조회 4,238
13-07-01 조회 4,725
13-07-01 조회 4,556
13-07-01 조회 6,830
13-06-23 조회 4,377
13-06-05 조회 3,625
13-05-29 조회 4,868
13-05-10 조회 4,273
13-04-05 조회 4,894
13-04-05 조회 6,581
13-04-05 조회 1.1만
13-04-05 조회 7,173
13-04-05 조회 6,564
13-03-31 조회 5,835
13-03-31 조회 4,161
13-03-28 조회 4,522
13-03-28 조회 6,719
13-03-28 조회 9,197
13-03-28 조회 4,334
13-03-24 조회 3,949
13-03-21 조회 4,624
13-03-21 조회 1.8만
13-03-14 조회 3,933
13-03-10 조회 4,745
13-03-10 조회 4,506
13-03-10 조회 4,203
13-03-08 조회 5,258
13-03-08 조회 4,367
13-03-03 조회 5,023
13-03-03 조회 7,475
13-03-03 조회 4,217
13-03-03 조회 1.1만