초

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

· 2014-08-18 (월) 15:09:01 · 4380 · 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,411
14-08-26 조회 3,582
14-08-26 조회 4,148
14-08-26 조회 3,516
14-08-26 조회 3,732
14-08-26 조회 3,660
14-08-26 조회 3,450
14-08-26 조회 3,567
14-08-26 조회 3,533
14-08-26 조회 3,680
14-08-25 조회 4,075
14-08-16 조회 4,205
14-08-12 조회 4,092
14-08-05 조회 3,918
14-08-04 조회 4,771
14-08-04 조회 3,936
14-08-01 조회 5,131
14-07-29 조회 4,322
14-07-10 조회 4,118
14-07-08 조회 4,778
14-07-08 조회 4,241
14-07-05 조회 4,004
14-05-26 조회 5,396
14-05-26 조회 4,201
14-05-21 조회 4,518
14-05-19 조회 7,459
14-05-17 조회 6,839
14-04-30 조회 7,271
14-04-27 조회 4,647
14-04-26 조회 4,880
14-04-13 조회 4,852
14-04-13 조회 4,115
14-03-25 조회 6,457
14-03-25 조회 4,118
14-03-12 조회 3,982
14-03-12 조회 5,365
14-02-24 조회 4,682
13-12-27 조회 3,969
13-11-18 조회 4,287
13-11-18 조회 6,747
13-10-17 조회 4,776
13-10-03 조회 6,247
13-10-02 조회 4,150
13-09-29 조회 4,692
13-09-29 조회 4,007
13-09-17 조회 3,778
13-09-11 조회 6,157
13-09-09 조회 4,247
13-09-05 조회 9,458
13-08-23 조회 5,798
13-08-22 조회 5,329
13-08-22 조회 4,536
13-08-22 조회 5,031
13-08-17 조회 5,932
13-08-17 조회 4,288
13-07-11 조회 5,474
13-07-11 조회 4,426
13-07-08 조회 4,019
13-07-04 조회 4,212
13-07-04 조회 4,107
13-07-04 조회 3,986
13-07-03 조회 5,903
13-07-01 조회 3,735
13-07-01 조회 3,690
13-07-01 조회 4,556
13-06-21 조회 6,268
13-06-14 조회 4,826
13-06-11 조회 3,674
13-06-06 조회 5,404
13-06-05 조회 4,128
13-05-11 조회 4,876
13-05-10 조회 4,445
13-05-10 조회 4,650
13-05-10 조회 4,161
13-05-08 조회 4,381
13-05-08 조회 3,648
13-05-08 조회 4,069
13-05-08 조회 5,264
13-04-05 조회 6,028
13-03-31 조회 5,650
13-03-24 조회 3,999
13-03-24 조회 6,177
13-03-23 조회 3,677
13-03-21 조회 3,769
13-03-20 조회 3,754
13-03-20 조회 4,239
13-03-20 조회 3,788
13-03-20 조회 3,872
13-03-20 조회 6,048
13-03-20 조회 4,043
13-03-20 조회 4,730
13-03-19 조회 5,778
13-03-14 조회 3,927
13-03-14 조회 4,256
13-03-14 조회 4,537
13-03-08 조회 4,134
13-03-03 조회 4,556
13-02-24 조회 4,979
13-02-21 조회 4,766
13-02-19 조회 4,781