带有图像的iPhone功能，单击缩略图并显示大图像

Question

嗨，在那里，我正在为iPhone开发一个移动网站(不是应用程序)。

这是一个非常新手的问题，尽管我已经搜索过了，但并没有真正找到我正在寻找的东西，因为我不确定使用哪个确切的搜索词。

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

我正在使用生成的缩略图，这些缩略图比原始图像小得多，当缩略图被单击时，我如何加载完整的分辨率图像？

再次为菜鸟的问题道歉，如果有人能给我指出正确的方向，问题的一部分是我没有移动网站或iphone功能的经验，我将继续使用jquery mobile，看看我会得到什么。

Answer 1

当您单击缩略图时，您可以将用户重定向到另一个HTML页面，其中包含具有最大宽度和最大高度的图像(以%表示)。

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

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

在CSS中

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

通过使用jQuery插件，您还有其他的解决方案：http://fancybox.net/