Javascript 移动图像库,智能全屏,加上捏缩放和工作间滑动

Javascript 移动图像库,智能全屏,加上捏缩放和工作间滑动,javascript,dojo,image-gallery,Javascript,Dojo,Image Gallery,在我的网站中,我试图让一个合理的图像库正常工作,而不必为每种主要的移动设备类型制作完全独立的页面,也不必为每种设备制作大量特定的html/css/js。似乎已经有很多框架试图做到这一点,但我还没有找到一个能够做到这一点的框架 涵盖“大多数”移动设备(苹果、安卓、黑莓) 使图像以智能方式全屏显示;i、 e.根据图像和设备的纵向/横向(纵横比),使图像全宽或全高 在图像之间滑动 收缩以将图像缩放到比全屏更远的位置(并拖动以平移) 我不太担心图库的图标/缩略图起始页,但做得好将是一种奖励 基于大量

在我的网站中,我试图让一个合理的图像库正常工作,而不必为每种主要的移动设备类型制作完全独立的页面,也不必为每种设备制作大量特定的html/css/js。似乎已经有很多框架试图做到这一点,但我还没有找到一个能够做到这一点的框架

  • 涵盖“大多数”移动设备(苹果、安卓、黑莓)
  • 使图像以智能方式全屏显示;i、 e.根据图像和设备的纵向/横向(纵横比),使图像全宽或全高
  • 在图像之间滑动
  • 收缩以将图像缩放到比全屏更远的位置(并拖动以平移)
我不太担心图库的图标/缩略图起始页,但做得好将是一种奖励

基于大量谷歌搜索和几个类似的stackoverflow问题,我下载并测试了:

…dojo toolkit移动转盘(禁用图像缩放)

…photosweep.com,但它不能进行收缩缩放

…jQTouch照片库()它在BB上根本不起作用,桌面上的图像是黑色的(FF17)

…由FigureGroup提供的分页插件允许您收缩缩放,但随后滑动会变得非常混乱

我知道所有浏览器在触发事件方面仍然存在令人烦恼的差异,特别是对于触摸事件。我也明白,一旦你放大了,你是想在图像中平移还是滑动到下一个图像之间会有一些模糊。尽管如此,我还是很难相信,除了谷歌、flickr和facebook之外,没有人能做到这一点,没有其他框架能做到这一点,或者如果有框架的话,那么很难找到


有人知道这样的事吗?还是在他们的网站上很高兴地使用这样的工具?

我也在追求同样的东西。我放弃了寻找单一的库,选择了swipe.js()和PinchZoom()的组合,它们完美地结合在一起。我已经在android和iphone上测试过了,但没有黑莓(对我来说不是问题)。这里有两个库一起工作的现场演示,您可以自己尝试


注意-我的swipe v2有问题,所以我坚持使用v1.0

你不能同时使用前两个库吗?如果它们相互冲突,只需依次修改根对象名.two?哪一个都不能处理收缩到缩放?这有什么帮助?…让你捏缩放套索:…我列出的前两个是dojo和Photosweep,我猜你指的是其他东西加上最后一个(分页插件)。正如我所说的,它的刷卡已经非常混乱,因此,我预计,加载另一个尝试相同功能的刷卡,在让某些东西正常工作和保持它向前发展方面,会比我自己在任何一个已经最接近的刷卡机上进行刷卡更加混乱。无论如何,谢谢你的评论,它(或黑客)将不得不作为最后手段。但问题仍然是,这种情况是否存在于单个框架中?嗯,就跨浏览器支持而言,我发现的所有东西都存在问题。您是否可以选择基于平台的库?