フルスクリーンの背景として特大サイズを使用するページがあります。画面幅の大きさに応じて、異なる背景画像が表示されます。ただし、iPad を縦向きから横向き (またはその逆) に回転させると、つまり、画面幅が 768 ピクセルから 1024 ピクセルに変わり、別の背景が表示される前にページを更新する必要があります。
おそらくJavascriptを使用して、画面が回転したときにiPadに強制的にページを更新させる方法はありますか?
これは特大のコードです:
<script type="text/javascript">
jQuery(function($){
var image_filename = 'GA.jpg';
if($(window).width() < 1024) {
image_filename = '_people.jpg';
}
$.supersized({
slides : [ {image : 'images/'+image_filename, title : 'Image Credit: none'} ]
});
});
</script>