초

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

· 2014-08-18 (월) 15:09:01 · 4422 · 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건
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,173
12-08-07 조회 3,835
12-08-03 조회 3,644
12-07-31 조회 3,752
12-07-30 조회 3,705
12-07-16 조회 3,901
12-07-15 조회 3,736
12-07-07 조회 3,599
12-07-06 조회 3,805
12-07-03 조회 3,758
12-06-29 조회 3,371
12-06-22 조회 3,743
12-06-17 조회 4,004
12-05-21 조회 3,927
12-05-02 조회 3,450
12-05-02 조회 4,245
12-05-02 조회 3,368
12-04-30 조회 3,563
12-04-30 조회 3,245
12-03-17 조회 4,113
12-03-10 조회 3,441
12-03-08 조회 3,967
12-03-03 조회 3,681
12-02-27 조회 5,096
12-02-17 조회 4,387
12-02-16 조회 4,672
12-02-03 조회 3,336
12-01-31 조회 3,247
12-01-24 조회 3,243
12-01-17 조회 3,948
12-01-05 조회 3,494
11-12-30 조회 3,224
11-12-23 조회 4,780
11-12-08 조회 3,547
11-12-07 조회 4,506
11-11-27 조회 3,934
11-11-25 조회 4,262
11-11-23 조회 3,704
11-11-22 조회 3,562
11-11-09 조회 3,274
11-10-23 조회 3,212
11-10-19 조회 3,169
11-10-08 조회 2,848
11-10-04 조회 2,848
11-10-04 조회 5,310
11-09-01 조회 4,386
11-08-13 조회 2,562
11-08-06 조회 3,246
11-07-11 조회 3,639
11-06-27 조회 2,998
11-06-21 조회 2,662
11-06-13 조회 2,473
11-06-07 조회 2,481
11-05-26 조회 2,437
11-04-20 조회 2,766
11-03-21 조회 2,864
11-03-18 조회 2,559
11-03-11 조회 2,578
11-02-07 조회 2,406
11-01-18 조회 2,728
11-01-12 조회 2,451
11-01-06 조회 2,540
10-12-10 조회 2,803
10-12-09 조회 2,652
10-12-08 조회 5,084
10-11-29 조회 2,919
10-11-28 조회 2,828
10-11-28 조회 2,657
10-11-19 조회 2,848
10-11-04 조회 2,724
10-10-21 조회 2,448
10-10-19 조회 3,410
10-10-12 조회 2,731
10-10-07 조회 2,567
10-09-30 조회 3,522
10-09-17 조회 3,934
10-09-17 조회 3,878
10-05-31 조회 3,585
09-12-31 조회 3,723
09-07-23 조회 5,048
08-09-16 조회 3,250
08-09-06 조회 2,992
08-09-04 조회 3,414
08-08-16 조회 4,442
08-08-15 조회 3,314
08-08-14 조회 4,529
08-08-12 조회 3,996
08-07-23 조회 2,814
08-07-10 조회 3,763
08-07-04 조회 2,992
08-06-27 조회 7,631
08-06-19 조회 4,939
08-05-27 조회 5,543
08-05-25 조회 5,379
08-05-23 조회 3,456
08-05-23 조회 4,621
08-05-21 조회 4,971
08-05-20 조회 4,085
08-05-20 조회 3,312
08-04-18 조회 4,383