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

jquery - 将新图像添加到 Fotorama 幻灯片

我正在寻找一个很好的带有缩略图预览的 jQuery 图像滑块,用于我正在开发的 Web 应用程序。我遇到了 Fotorama.js,它似乎具有我想要的大部分功能,但是在初始化滑块后,我在文档中没有看到有关通过 AJAX 添加更多图像的任何内容。有没有人有使用 Fotorama 的经验?这支持吗?如果没有,你能推荐另一个轻量级的带有缩略图并且可以使用 AJAX 的 jQuery 滑块吗?

0 投票
3 回答
2059 浏览

javascript - 设置每个数据 id 并将其分配给 href

我正在运行以下代码,因为我试图首先获取每个.fotoramaid,然后将它们中的每一个分配为每个.nav链接 href。

这给了我#undefined每个.nav链接

我应该如何设置与每个.fotoramaid 相同的 href?

html,只是一个例子,ids和菜单项是在网站上动态生成的*

0 投票
1 回答
3737 浏览

php - Fotorama 插件,只打开一次全屏模式

我正在为我的图片库使用 jQuery 插件 Fotorama。

当我单击缩略图以全屏打开 Fotorama 画廊时,它只会第一次打开(退出全屏并单击相同的缩略图后不会再次打开)。

这是我的代码jQuery代码:

缩略图

主要图片

0 投票
1 回答
2978 浏览

jquery - 将 onClick 回调函数添加到 fotorama 脚本

我正在为我的图片库使用 fotorama 脚本,但从提供的设置示例中,我无法理解如何链接图片以在单击时打开特定 URL。

Fotorama 设置页面建议玩这个小提琴

HTML:

JS:

我找到了函数onClick:null,但我不知道用什么语法代替null...

有人能帮助我吗?

0 投票
1 回答
1128 浏览

jquery - 在最后一个图像处停止 jquery 幻灯片

我正在使用 Fotorama 进行幻灯片放映,但在预设中没有选项可以在最后一张图像上停止幻灯片...

以下脚本包含导航按钮,我发布它是因为它可能会有所帮助...我一直在研究它,但我不熟悉 jquery 编码...但我正在尝试理解它

我注意到 var size - 5 告诉脚本有多少张幻灯片......并且有 var intervalInput = $('#fotorama-interval'); 我认为可能需要告诉幻灯片它到达了最后一张图片?

如果可以,请你帮助我

0 投票
3 回答
3158 浏览

jquery - 使用 fotorama 中的多个图像运行 jQuery 函数 onclick

我正在为图片库使用 fotorama 脚本。我花了一点时间来弄清楚修改脚本的正确语法,以便旋转图像可以点击。(请参阅下面代码中的 JS) 我想要做的是让每个旋转图像点击到不同的 URL。例如,在下面的代码中,图片“/03.jpg”可以链接到“google.com”,链接“/04.jpg”可以链接到“yahoo.com”,图片“/05.jpg”可以链接到“bing.com”。

有人可以帮忙吗?提前致谢。

0 投票
1 回答
913 浏览

jquery - 在 Fotorama 中滚动的步骤缩略图

有没有办法在固定步骤的 Fotorama 插件中滚动缩略图?我需要删除导航面板两侧的那些“未删减”,即缩略图的一半。在此处输入图像描述

我可以使用边距/填充属性来适应它们,但是当它可以在任何地方停止时,我无法控制使用拖放进行滚动的过程。

谢谢

0 投票
2 回答
992 浏览

jquery - Fotorama 4 API?

我已经开始使用Fotoramajs 4了。我对这个插件的以前版本有一些经验,但我猜第四个版本的 API 是不同的。有一些具有数据属性的非常有用的示例,但还不够。例如,我需要更改缩略图的边框宽度和颜色,但我只能使用“data-thumb-height”设置缩略图的高度。我不是检查原始代码并自己弄清楚的高级开发人员。到目前为止,我已经用 CSS 解决了我的需求,但我认为这不是正确的做事方式。如何仅根据源代码找到api?

0 投票
3 回答
2304 浏览

image - Fotorama 滑块 - 如何延迟加载图像,然后在不可见时卸载它们?

我在我的网站上使用fotorama.io,并且我在滑块 (60-80) 中有一个大型图像库,所以我按照手册中的建议使用延迟加载来不一次加载我的所有图像。

但是当我浏览图像并且已经达到 40 多张图像时,我的浏览器内存已超载,浏览器开始响应缓慢,我有 Firefox 的 Memory Restart 插件,这表明我的内存非常高。

有没有办法使用延迟加载并保留例如 10 个图像,并卸载所有不可见的图像或 10+ 的图像以卸载以便清除内存?

0 投票
3 回答
2048 浏览

javascript - Fotorama 4 禁用箭头

我需要有关 fotorama 4 的帮助。我想禁用导航箭头

data-arrow="false" data-arrows="false" $('#my-fotorama').fotorama({arrows: 'false'}); $('#my-fotorama').fotorama({arrows: 'null'}); 不工作。