【问题标题】:Responsive Javascript/jQuery image gallery [closed]响应式 Javascript/jQuery 图片库 [关闭]
【发布时间】:2012-01-23 01:23:26
【问题描述】:

我正在拼命寻找一个简单、可用且负责任(可在移动网站上使用)用 Javascript 编写的图片库,最好是 jQuery。我的要求:

  • 图库类型如灯箱、fancybox 等(点击链接会在屏幕上显示大的链接图像/内容并使其余部分变暗)
  • 不是轮播、幻灯片等。
  • 分组
  • 可在移动设备上使用小屏幕 - 移动 Safari、Chrome、Opera(在许多画廊中,大图像不会按比例缩小并在屏幕上居中),因此:
    • 大而可见的控制按钮或滑动功能
    • 小边框,因此图像占据了很多屏幕
    • 速度
  • 标题可见

我不需要任何花哨的过渡等。如果不能满足上述任何要求,那就太好了。

非常出色的解决方案在这里:http://www.tuzemska-dovolena.cz/ubytovani/jizni-cechy/penzion-thalleruv-dum/。看起来像修改过的fancybox,但我不想偷它。

有什么想法吗?谢谢!

【问题讨论】:

  • 老实说,我已经为这些东西进行了广泛的搜索,但我对那里的东西并没有留下深刻的印象。大多数基于 jQuery 的图像库都不是非常可定制的,而且其中很多都写得不好。根据我的经验,如果您需要一些非常具体的东西(看起来像您这样做),最好自己动手。至于移动版本,您可能必须有两个单独的脚本,一个用于桌面,一个用于移动。
  • 没有配置的Fancybox不能在手机上使用,因为: 1. 由于浏览器边框的固定边距,它填充了浏览器宽度的大约80%,因此实际上使弹出的图像更小 2。左/右控件不可见 3. 带有标题的框在一行不下时会中断 否则它可以正常工作。

标签: javascript jquery image mobile responsive-design


【解决方案1】:

我也进行了一些搜索,发现了一些可能符合您条件的夫妇:

  1. Photo Swipe

  2. jQuery Responsive Thumbnail Gallery Plugin

【讨论】:

  • jQuery 插件链接现在给出 404,仅供参考。你认为滑动照片是最好的选择吗?
猜你喜欢
  • 2013-06-24
  • 1970-01-01
  • 1970-01-01
  • 2020-03-20
  • 2015-03-05
  • 2021-10-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多