JSまたはjQueryを使用したデバイスの向きに基づいてIMG SRCを動的に編集します

Question

私は、HTMLドキュメントをWebKit搭載ビュー（モバイルSafariのクロムレスバージョン）にロードするiOSマガジンフレームワーク（PUGPIG）を使用しています。

各「ページ」にポートレートバージョンまたはランドスケープバージョンのいずれかをロードしてもらいたいu003Cimg/>デバイスの向きに応じて。さまざまな理由で、それはでなければなりませんu003Cimg/>CSSの背景画像ではなく、メディアクエリは機能しません。ローカルデバイスからHTMLをロードしているため、Webサーバーのものも使用できません。

だから私はJSが行くべき道であると推測していますが、ページの更新なしで、その場でオリエンテーションの変化（または少なくとも画面幅）を検出する必要がありますが、これが可能かどうかはわかりません。

したがって、JSにはあまりよく知られていないため、サンプルコードはありません（これまでの私の試みはすべて自動車事故です）。ごめん。

どんな助けも感謝しています。

Answer 1

OK、結局、IMGの表示プロパティを設定することにより、CSSメディアクエリを使用したソリューションを見つけました。少しファッジですが、今のところは大丈夫です。

基本的に、私は2つのDivを作成しました。1つは「ランドスケープ」IDがあり、もう1つは「ポートレート」が付いています。その後、使用しました @media Display：Propertyを使用して関連するDIVを表示/非表示にするクエリ。非常に不器用で、Webにはまったく適していませんが、iPadアプリがメモリから直接データを読み込んでも大丈夫です。そして、これは「レスポンシブイメージ」が物になる前でした。

Answer 2

試しましたか jQuery mobile's orientationchange イベント?

私はこれをしたことがありませんが、あなたはこのように行くことができるようです。