PCで見たときとiphoneやipadで見たときに、一部分だけ変えたい、というときがよくある。
多いのは、flashを使ってるときとか。
iphoneとipadではflashが読めないので、その部分だけ違うものに差し替えたい。
useragentでやっちゃうのが便利かなーと思ってます。
iphoneかipadのときに、sumaho.cssを読み込ませてますよ、と。
んで、HTMLには、こう書いておく
.iphonemukeは、あらかじめてdisplay:none;しておく。
んで、sumaho.cssにはこう書く
これで、一部分だけ切り替えられる!
多いのは、flashを使ってるときとか。
iphoneとipadではflashが読めないので、その部分だけ違うものに差し替えたい。
useragentでやっちゃうのが便利かなーと思ってます。
<script>if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) {document.write("<link rel=stylesheet href=css/sumaho.css type=text/css />");document.close();}</script>
iphoneかipadのときに、sumaho.cssを読み込ませてますよ、と。
んで、HTMLには、こう書いておく
<div class="pcmuke">
<object 〜 フラッシュ>
</div>
<div class="iphonemuke">
<img src="">
</div>
.iphonemukeは、あらかじめてdisplay:none;しておく。
んで、sumaho.cssにはこう書く
.pcmuke{display:none;}
.iphonemuke{display:block;}
これで、一部分だけ切り替えられる!