스마트 장치 용 마우스 오버

Question

호버링 할 때 이미지를 다른 이미지로 "전환"하고 싶습니다. 기본적으로 페이지에는 이미지 (image1.png)가 있으며, 마우스를 가져 가면 첫 번째 이미지 대신 다른 이미지 (image2.png)가 표시됩니다. 나는 이것을 사용하여 시도하고 완벽하게 잘 작동 : 이미지의

<img src='Image1.png' width='100' height='100' 
onmouseover="this.src='Image2.png';" 
onmouseout="this.src='Image1.png';" /> 

없음 링크가 없다, 나는 "호버"솔루션을 사용하지 않은 이유가 있습니다.

그러나 이제는 컴퓨터에서만 작동하고 스마트 장치에서는 작동하지 않는다는 사실을 알았습니다. 실제로는 호버 기능이 없기 때문입니다. 그러나 웹 사이트에는 꽤 많은 스마트 장치 사용자가 있기 때문에 스마트 폰 사용자도 똑같이 작동하는 것이 중요합니다.

거기에 대한 해결책이 있습니까?

내 JS 기술이 매우 제한되어 있으므로 아직 설명하지 못했습니다.

미리 도움을 청하십시오! (../../.)

Answer 1

내 개인적인 경험, 그것의 더 나은 사물의 이러한 유형의 CSS를 사용하고 CSS에서 절대 경로를 이미지에 대한 링크의 필요를 지정할 수 있습니다

다시 말하지만, 당신은 할 수 없습니다 휴대 기기로 마우스를 이동하지만 마우스를 올려 놓으면 터치 클릭이 가능합니다. 현재 여기에서 논의 중입니다 : Changing :hover to touch/click for mobile devices