iPhone功能与图像,单击缩略图和显示大图像

时间:2013-04-12 15:07:59

标签: html5 image jquery-mobile

您好我正在为iPhone开发移动网站(不是应用程序)。

虽然我已经搜索过并且没有真正找到我想要的内容,但这是一个非常棒的问题,因为我不确定使用哪个确切的搜索词。

在iPhone上单击图像时,它会在屏幕上显示较大的图像,以便您可以放大/缩小。

我使用的生成缩略图比原始图像小很多,如何在点击缩略图时加载完整的分辨率图像?

再次抱歉这个noob问题,如果有人可以指出我正确的方向,问题的一部分是我没有移动网站或iphone功能的经验,我会继续玩jquery手机,看看我在哪里这一点。

1 个答案:

答案 0 :(得分:1)

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

在移动设备中,最好是以%为单位设计以适应所有移动设备屏幕的设计。

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

在CSS中

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

您还可以使用其他解决方案:http://fancybox.net/