Html iPhone具有图像功能，单击缩略图并显示大图像

你好，我正在为iPhone开发一个移动网站（不是应用程序）

这是一个很难回答的问题，虽然我已经搜索过了，但并没有真正找到我要找的内容，因为我不确定使用哪一个确切的搜索词

在iPhone上，当你点击一个图像时，它会在屏幕上显示更大的图像，这样你就可以放大/缩小

我使用的生成的缩略图比原始图像小得多，单击缩略图时如何加载完全分辨率图像

---

再次为noob的问题感到抱歉，如果有人能给我指出正确的方向，部分问题是我没有移动网站或iphone功能的经验，我会继续玩jquery mobile，看看我能从中得到什么。

当你点击缩略图时，您可以将用户重定向到另一个HTML页面，其中包含最大宽度和最大高度（以%为单位）的图像

在移动设备中，最好有一个%的设计，以适应所有手机屏幕上的设计

<img src="myImage.jpg" alt="myImage" id="myImg" />

---

通过使用jQuery插件，您还有其他解决方案：

您只想使用

正常显示图像？是的，但单击图像时，我想全屏显示图像，但显示另一个高分辨率图像，而不是单击的缩略图。您可以做的是动态创建一个新页面并向其中添加图像。我将为您制作一个示例。感谢您的回复，Raphael，这为我指明了正确的方向，因此，当单击图像时，它就像图像的超链接，事实上，我将开始研究jQuery mobile，我经常使用标准jQuery，因此应该很好地使用它。在您的代码中，您将myImage.jpg作为源，我将myImageThumb.jpg作为源（我的缩略图图像），然后单击图像时，我希望转到全尺寸图像myImageFull.jpg，而不是低分辨率缩略图图像…我想，您必须这样做：首先：

您将转到myImg.html:

我认为这样会很好。

#myImg{
max-height:100%;
max-width: 100%;
}