问题标签 [fotorama]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
2908 浏览

fotorama - Fotorama:带有 html 内容的幻灯片的高度

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

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

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

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

是否有意义?我找不到类似的问题,所以如果您有任何想法,请告诉我!谢谢 :)

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

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

0 投票
2 回答
284 浏览

jquery - 在 fotorama 插件中为不同的分辨率使用不同的数据属性值

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

如何做到这一点?谢谢你的时间!

0 投票
2 回答
1944 浏览

javascript - fotorama:无法获取 API 对象(未定义)

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

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

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

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

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

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

0 投票
0 回答
311 浏览

jquery - fotorama jquery - 如何为图像添加外部链接,仅适用于某些画廊

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

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

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

谢谢!

0 投票
1 回答
529 浏览

fotorama - 如何为每张照片/幻灯片设置不同的持续时间?(不是过渡持续时间)

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

像这样的东西

0 投票
1 回答
715 浏览

fotorama - Fotorama,我可以更改箭头颜色+中心吗

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

另外我怎样才能使(大)图像居中?

谢谢

0 投票
1 回答
1666 浏览

jquery - 响应式 Fotorama。如何响应中间div?

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

和CSS:

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

0 投票
2 回答
2935 浏览

wordpress - 如何更改 fotorama 滑块的缩略图大小?

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

0 投票
1 回答
402 浏览

javascript - 在数据自动设置为 true 的情况下,获取 Fotorama 中当前照片的完整路径

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

0 投票
1 回答
1884 浏览

angularjs - Fotorama:我应该如何初始化动态创建的 Fotorama?

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

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

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

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

你写,

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

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

非常感谢。