仅缩放移动Safari中的图像

时间:2011-07-13 19:56:07

标签: iphone ios mobile-safari image-zoom

我正在寻找是否有人有这方面的经验。我是第一个开发者,第二个是设计师,所以这不是我最强的套装。

我正在开展一个项目,其目标是在iPhone上以横向模式并排获取图像和文字。我希望能够像正常情况一样使用缩放来放大图像,但放大文本也会发生这种情况。我不知道这是否可能,或者是什么样的黑客才能让它发挥作用。

如果有人认为从UI的角度来看这很糟糕,我愿意接受建议。

我考虑过保留两个图像副本(低和高分辨率),然后用overflow: scroll;将它们交换到div中,这样用户就可以获得缩放版本,然后滚动。它不会给你缩放的全部效果,但它可能会实现类似的目标。我不知道这是否会奏效。

如果有人对此主题有任何建议或经验,请加入。谢谢!

2 个答案:

答案 0 :(得分:0)

要在移动Safari中执行此操作,您可能必须使用javascript。这里有一个jQuery插件:http://plugins.jquery.com/project/pinch

可能会有所帮助

答案 1 :(得分:0)

如果您想使用Mobile Safari,那么您需要一个像jTouch这样的触控框架来简化操作。

在本地,您应该将图像和文本放在UIScrollView中,并将viewForZoomingInScrollView中的图像视图:(在滚动视图的委托中)返回到图像视图。

这就是你想要的吗?