问题标签 [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 投票
1 回答
822 浏览

javascript - Fotorama - 基于元素是否具有属性的不同标题

我正在尝试根据 img 是否具有 data-title 属性来使自定义 Fotorama 标题显示不同。现在,它目前显示为“未定义”,但如果它不存在,我希望它完全省略该属性。我尝试使用 if/else 语句并验证 img 元素是否具有该属性,但无济于事。我无法使用“div”Fotorama 方法,因为我需要限制画廊并相应地调整图像大小。

这就是我的 img 标签的外观:

这是我用来创建自定义标题格式的代码:

如果 div 上没有 data-title 属性,这就是我希望标题读取的方式:

提前致谢!

0 投票
3 回答
295 浏览

javascript - Fotorama-如何从 Github 更新

在 Github 上最近更新的插件中修复了 Fotorama 错误:

https://github.com/artpolikarpov/fotorama/commit/1810d59eecc927fbef14cb6f8a1611047a2404fb

我有最新的 Fotorama 版本(从http://fotorama.io/下载)并且仍然遇到错误 - 我尝试用链接中更新的 fotorama.js 文件的未缩小和缩小版本替换 fotorama.js 文件上面,但是插件根本不起作用。如何实施此更新?

0 投票
1 回答
1523 浏览

fotorama - 如何重置 fotorama 中的 activeIndex?

如上所述,如果我想用一组新的图像(例如 3 和 4)替换图像轮播,我会销毁 fotorama,替换图像,然后再次打开 fotorama。

这似乎运作良好,只是 fotorama 记住了我正在浏览的图像的索引位置。例如在原始图像轮播中,我从第一张图像转到第二张图像,这意味着 activeIndex 现在是 1,然后我销毁 fotorama,并创建一个包含图像 3 和 4 的新图像,如代码所示,当轮播的激活索引从 1 而不是 0 开始,我正在查看图像 4。我知道此信息存储在 activeIndex 中,但即使我在销毁原始照片之前将其设置为 0,新照片也不会从 0 开始。

0 投票
1 回答
2444 浏览

fotorama - 如何放大和缩小 fotorama 画廊

在网站上,我创建了一个抽屉,打开了一个画廊。它从大小 (0,0) 开始并缩放到屏幕中间,由 JS 控制:

这样,div 会根据需要缩放,但内部的 fotorama 不会:主图像和缩略图保持其大小。

所以我看到的不是照片的缩略图,而是照片的一个切口

所以,我的问题是:

我怎样才能让画廊以真实的方式出现在抽屉外面?

0 投票
3 回答
1672 浏览

fotorama - fotorama jQuery 插件和 ALT 标签

在加拿大,我们有一项新法律,您必须为图像添加 ALT 标记,但是当我的页面加载时,fotorama 插件似乎将它们从代码中删除。有解决方法或我可以做的事情吗?

0 投票
1 回答
506 浏览

fotorama - Fotorama:使幻灯片显示容器的高度,而不是窗口

使用该选项data-height="100%"将 Fotorama 的高度设置为窗口的高度。这是设计使然。但是我更希望它设置为父元素的高度。

我将 Fotorama 包含在一个几乎全高的容器内,但具有固定在窗口底部的导航填充。但在移动设备上是固定到标题的。

任何帮助将不胜感激!

0 投票
1 回答
390 浏览

jquery - Fotorama Covering other Divs - 我怎样才能将它设置在其他内容的后面?

我正在尝试设置一个完整的窗口 Fotorama 画廊作为我页面的背景。我让它工作得很好,除了它没有坐在我所有的内容后面(有些在前面,有些在后面。我可以改变 z-index 或其他东西让 Fotorama 坐在后面吗?

0 投票
1 回答
335 浏览

jquery - 如何添加增加图片的fotorama插件

我尝试通过点击插件fotorama来添加图片的增加。我使用此代码来增加活动图像,但此代码适用于页面上的所有元素。

如何修复这个错误? http://arngoldt.com/?page_id=18 - 我在此页面上的代码示例。

0 投票
0 回答
185 浏览

fotorama - 布局(缩略图的位置)

我想在我的网页上使用带有缩略图的 Fotorama。

正在查看编码,但由于它相当复杂,我找不到我需要的东西。

我想将缩略图放在单独的 div 容器中,将图片放在另一个 div 容器中。这样我就可以将它们单独放置在我需要的任何地方。

有没有可能这样做?

0 投票
1 回答
139 浏览

javascript - 单击 Fotorama 滑块时禁用暂停功能

检查现场 - http://www.arif-khan.net/other/my/slider/new/v3/

如果您单击幻灯片,它会暂停,我想关闭该功能。试过data-click="false"但没有运气。

使用 Fotorama(http://fotorama.io/)创建的滑块,已经检查了该站点上的所有文档(自定义),但没有得到任何解决我问题的信息。我想禁用单击滑块时的暂停。