问题标签 [fotorama]

这是我关于 Stackoverflow 的第一个问题，我希望它有意义:)

我需要在每张幻灯片（文本、图像、外部链接、社交网络按钮等）和全屏选项中创建一个带有 html 内容的可滑动图片库。Fotorama 是我找到的最好的解决方案，我是它的忠实粉丝 :)

但是，我发现很难将 html 内容放入图库中，因为它会被裁剪到第一张图片的高度。

我需要图像在 html 中，而不是背景图像。而且我需要所有内容在正常模式和全屏模式下都可见。文本的长度和图像的大小可能不同，所以我不能给画廊一个固定的高度。

是否有意义？我找不到类似的问题，所以如果您有任何想法，请告诉我！谢谢 ：）

这是我到目前为止所做的简化代码，任何评论都非常受欢迎！

更新：我正在使用 API 开发可能的解决方案。似乎有效，但欢迎任何改进建议:)

我正在寻找一种根据分辨率更改数据属性的方法，例如，将较小的数据最小高度用于较小的分辨率。

如何做到这一点？谢谢你的时间！

我正在使用 Fotorama 4.5.0 (Rails gem)，但在获取 API 对象时遇到问题。

在页面加载时 Fotorama 位于隐藏的 div 中。它在点击时以模式打开。
这是代码（咖啡）：

有了这个代码fotorama对象总是undefined.
好的，我添加if了检查：

在第一次单击对象之后 -fotorama仍然是undefined，但是在我关闭模式并进行第二次单击之后 - 我得到fotorama对象并且一切都按预期工作。

当我$fotorama_div.data('fotorama')在控制台中进行操作时，它可以工作。

如何fotorama在页面加载时获取对象？

我正在运行一个“杂志网站”，其中帖子有预览画廊，订阅者可以访问完整的帖子画廊。所有的 alleries 都使用 Fotorama 显示。

对于预览画廊，我希望能够在画廊图像上添加一个 CLICK to URL（即：点击订阅页面）。但我希望这些链接仅在预览库中有效，而不是在完整的帖子库中。

有没有办法在 wp-gallery 的标签中添加代码，以便 fotorama 了解这些特定画廊图像上有一个点击链接？

谢谢！

我想知道是否可以为每张幻灯片设置不同的 fotorama 持续时间。

像这样的东西

我正在尝试使用 Fotorama 并注意到箭头真的融入了我的白色容器。有没有办法改变 fotorama.png 和 fotorama@2x.png 的颜色？

另外我怎样才能使（大）图像居中？

谢谢

我已将 Fotorama 画廊添加到网站，但它在移动设备上没有响应。我认为，因为 data-width=100% 并且它完全使用图像或中间 div 的宽度。

和CSS：

网页： http: //lfk-br.com.ua/gallery.html

我一直在使用 Fotorama 插件在我的网站上创建一个滑块。它可以正常工作，但是我想更改显示的缩略图的大小，但我不知道怎么做。该网站是： http: //jeannebard.ch/ ?p=123 。

我正在使用 fotorama 4.5.2 版插件作为个人网站上的照片库。我希望能够在页面上有一个按钮，允许我编辑有关存储在数据库中的当前显示的照片的某些信息。为此，我需要一些关于显示的当前照片的数据，最好是图片的完整路径，但像 id 这样的东西可能会起作用。我的问题是：如何获取有关当前显示图片的数据？我见过一些东西，您可以将 data-auto 设置为 false 并手动加载 fotorama。我宁愿将自动功能设置为 true，因为我对一切的工作方式感到满意，而且手动设置一切似乎太麻烦了。如果获取此数据的唯一方法是将 data-auto 设置为 false，那么如何手动设置所有内容？一世'http://fotorama.io/customize/api/）令人困惑，我试图让它手动工作的尝试失败了。任何帮助将不胜感激。

我希望在我的项目中使用 Fotorama。但我的项目使用 AngularJS 加载包含

但这无法初始化 fotorama，因为 html 是通过 AJAX 加载的。

在这种情况下我应该如何加载 Fotorama？

问题是我认为类似于处理动态创建的元素上的事件。例如，

你写，

如果 div 是动态创建的，则不会触发警报。但以下方法会起作用：

我认为对于 fotorama 也是如此。那么对于 Fotorama 的情况，我应该如何做类似的事情呢？

非常感谢。