초

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

· 2014-08-18 (월) 15:09:01 · 4331 · 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()
2014-08-20 (수) 10:49:44
답변 감사합니다 ^^
근데 <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건
+
제목 글쓴이 날짜 조회
14-08-26 조회 3,375
14-08-26 조회 3,534
14-08-26 조회 4,089
14-08-26 조회 3,470
14-08-26 조회 3,694
14-08-26 조회 3,628
14-08-26 조회 3,399
14-08-26 조회 3,487
14-08-26 조회 3,462
14-08-26 조회 3,547
14-08-25 조회 4,015
14-08-16 조회 4,149
14-08-12 조회 4,035
14-08-05 조회 3,851
14-08-04 조회 4,570
14-08-04 조회 3,910
14-08-01 조회 4,985
14-07-29 조회 4,132
14-07-10 조회 4,037
14-07-08 조회 4,678
14-07-08 조회 4,197
14-07-05 조회 3,817
14-05-26 조회 5,350
14-05-26 조회 4,071
14-05-21 조회 4,475
14-05-19 조회 7,422
14-05-17 조회 6,732
14-04-30 조회 7,129
14-04-27 조회 4,554
14-04-26 조회 4,724
14-04-13 조회 4,811
14-04-13 조회 4,077
14-03-25 조회 6,414
14-03-25 조회 4,078
14-03-12 조회 3,891
14-03-12 조회 5,301
14-02-24 조회 4,612
13-12-27 조회 3,938
13-11-18 조회 4,252
13-11-18 조회 6,539
13-10-17 조회 4,555
13-10-03 조회 6,207
13-10-02 조회 4,110
13-09-29 조회 4,610
13-09-29 조회 3,956
13-09-17 조회 3,753
13-09-11 조회 5,968
13-09-09 조회 4,221
13-09-05 조회 9,296
13-08-23 조회 5,607
13-08-22 조회 5,129
13-08-22 조회 4,503
13-08-22 조회 4,965
13-08-17 조회 5,864
13-08-17 조회 4,094
13-07-11 조회 5,418
13-07-11 조회 4,354
13-07-08 조회 3,931
13-07-04 조회 4,154
13-07-04 조회 4,047
13-07-04 조회 3,934
13-07-03 조회 5,851
13-07-01 조회 3,691
13-07-01 조회 3,601
13-07-01 조회 4,492
13-06-21 조회 6,217
13-06-14 조회 4,782
13-06-11 조회 3,634
13-06-06 조회 5,332
13-06-05 조회 4,092
13-05-11 조회 4,805
13-05-10 조회 4,359
13-05-10 조회 4,617
13-05-10 조회 3,981
13-05-08 조회 4,344
13-05-08 조회 3,611
13-05-08 조회 4,016
13-05-08 조회 5,203
13-04-05 조회 5,998
13-03-31 조회 5,605
13-03-24 조회 3,945
13-03-24 조회 6,052
13-03-23 조회 3,620
13-03-21 조회 3,682
13-03-20 조회 3,728
13-03-20 조회 4,209
13-03-20 조회 3,689
13-03-20 조회 3,839
13-03-20 조회 6,022
13-03-20 조회 4,004
13-03-20 조회 4,705
13-03-19 조회 5,651
13-03-14 조회 3,761
13-03-14 조회 4,195
13-03-14 조회 4,478
13-03-08 조회 4,081
13-03-03 조회 4,510
13-02-24 조회 4,931
13-02-21 조회 4,652
13-02-19 조회 4,569