모바일홈페이지에서 이미지에 전화연결 링크

모바일 홈페이지를 만들때 텍스트로 전화번호를 입력하면 자동으로 링크가 걸리고, 전화번호를 누르면 전화를 걸수있습니다.

이와 같은 기능을, 텍스트가 아닌 이미지로 전화연결 거는 소스입니다.

아주 쉽고 간단합니다.

 

보통은 이미지에 링크를 걸때

<a href="링크주소"><img src="이미지경로"></a>

이렇게 넣죠?

 

이부분을

<a href="tel:000-000-0000"><img src="이미지경로"></a> 이렇게바꿔줍니다.

링크주소에 "tel:전화번호" 형식입니다.     000-000-0000 이 아닌 0000000000 이렇게 숫자만 나열해도 연결됩니다.^^

 

해외전화번호인경우,

<a href="tel:+국가번호 000-000-0000"> 이런식으로 넣습니다. ^^