ヘッダーによくある電話番号画像で、
スマホで見た時だけ、電話番号をタップしたら電話がかかるようにする。
パソコンなどのときは、リンクエラーになるので、リンクさせたくない。
実装はjquery にて。
[html]<img src="img/tel.png" alt="0120000000" class="tel">[/html]
内に[html]
<script src="/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
var device = navigator.userAgent;
if((device.indexOf(‘iPhone’) > 0 && device.indexOf(‘iPad’) == -1) || device.indexOf(‘iPod’) > 0 || device.indexOf(‘Android’) > 0){
$(".tel").wrap(‘<a href="tel:0120000000"></a>’);
}
});
</script>
[/html]
