Javascript 使用JS或JQuery根据设备方向动态编辑img src

我正在使用一个iOS杂志框架（PugPig），它将HTML文档加载到一个WebKit支持的视图中（一个无铬版本的Mobile Safari）

我希望根据设备的方向，每个“页面”都可以加载设备的纵向或横向版本。由于各种原因，它必须是一个而不是一个CSS背景图像，所以媒体查询将无法工作。因为我是从本地设备加载HTML，所以也不能使用任何web服务器内容

因此，我猜测JS是一个不错的选择，但它需要在不刷新页面的情况下动态检测方向变化（或者至少是屏幕宽度），我不知道这是否可行

不太熟悉JS，因此没有示例代码（到目前为止，我所有的尝试都是车祸）。对不起

---

非常感谢您的帮助。

您是否尝试过jQuery mobile的

orientationchange

---

我从来没有这样做过，但你似乎可以这样做。

好的，通过设置img的display属性，找到了使用CSS媒体查询的解决方案。有点假，但现在还可以

---

基本上，我创建了两个div，一个带有“横向”id，另一个带有“纵向”id，完全位于彼此的顶部。然后使用

@media

查询显示/隐藏带有display:属性的相关div。非常笨拙，完全不适用于网络，但适用于直接从内存加载数据的iPad应用程序。这是在“响应图像”成为一种东西之前。

谢谢，我会调查的，威尔会回应。谢谢bububaba，但找到了一个不同的解决方案。当然，我需要JQuery手机和它可以提供的东西，虽然很快！这是很久以前的事了，所以我手头没有代码。根据记忆：我创建了两个div，一个带有“横向”id，另一个带有“纵向”id，完全位于彼此的顶部。然后使用@media查询显示/隐藏带有display:属性的相关div。非常笨拙，完全不适用于网络，但适用于直接从内存加载数据的iPad应用程序。这是在“反应图像”成为一种东西之前。。。