问题标签 [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.
jquery - 将新图像添加到 Fotorama 幻灯片
我正在寻找一个很好的带有缩略图预览的 jQuery 图像滑块,用于我正在开发的 Web 应用程序。我遇到了 Fotorama.js,它似乎具有我想要的大部分功能,但是在初始化滑块后,我在文档中没有看到有关通过 AJAX 添加更多图像的任何内容。有没有人有使用 Fotorama 的经验?这支持吗?如果没有,你能推荐另一个轻量级的带有缩略图并且可以使用 AJAX 的 jQuery 滑块吗?
javascript - 设置每个数据 id 并将其分配给 href
我正在运行以下代码,因为我试图首先获取每个.fotorama
id,然后将它们中的每一个分配为每个.nav
链接 href。
这给了我#undefined
每个.nav
链接
我应该如何设置与每个.fotorama
id 相同的 href?
html,只是一个例子,ids和菜单项是在网站上动态生成的*
php - Fotorama 插件,只打开一次全屏模式
我正在为我的图片库使用 jQuery 插件 Fotorama。
当我单击缩略图以全屏打开 Fotorama 画廊时,它只会第一次打开(退出全屏并单击相同的缩略图后不会再次打开)。
这是我的代码jQuery代码:
缩略图
主要图片
jquery - 将 onClick 回调函数添加到 fotorama 脚本
我正在为我的图片库使用 fotorama 脚本,但从提供的设置示例中,我无法理解如何链接图片以在单击时打开特定 URL。
Fotorama 设置页面建议玩这个小提琴
HTML:
JS:
我找到了函数onClick:null,但我不知道用什么语法代替null...
有人能帮助我吗?
jquery - 在最后一个图像处停止 jquery 幻灯片
我正在使用 Fotorama 进行幻灯片放映,但在预设中没有选项可以在最后一张图像上停止幻灯片...
以下脚本包含导航按钮,我发布它是因为它可能会有所帮助...我一直在研究它,但我不熟悉 jquery 编码...但我正在尝试理解它
我注意到 var size - 5 告诉脚本有多少张幻灯片......并且有 var intervalInput = $('#fotorama-interval'); 我认为可能需要告诉幻灯片它到达了最后一张图片?
如果可以,请你帮助我
jquery - 使用 fotorama 中的多个图像运行 jQuery 函数 onclick
我正在为图片库使用 fotorama 脚本。我花了一点时间来弄清楚修改脚本的正确语法,以便旋转图像可以点击。(请参阅下面代码中的 JS) 我想要做的是让每个旋转图像点击到不同的 URL。例如,在下面的代码中,图片“/03.jpg”可以链接到“google.com”,链接“/04.jpg”可以链接到“yahoo.com”,图片“/05.jpg”可以链接到“bing.com”。
有人可以帮忙吗?提前致谢。
jquery - 在 Fotorama 中滚动的步骤缩略图
有没有办法在固定步骤的 Fotorama 插件中滚动缩略图?我需要删除导航面板两侧的那些“未删减”,即缩略图的一半。
我可以使用边距/填充属性来适应它们,但是当它可以在任何地方停止时,我无法控制使用拖放进行滚动的过程。
谢谢
jquery - Fotorama 4 API?
我已经开始使用Fotoramajs 4了。我对这个插件的以前版本有一些经验,但我猜第四个版本的 API 是不同的。有一些具有数据属性的非常有用的示例,但还不够。例如,我需要更改缩略图的边框宽度和颜色,但我只能使用“data-thumb-height”设置缩略图的高度。我不是检查原始代码并自己弄清楚的高级开发人员。到目前为止,我已经用 CSS 解决了我的需求,但我认为这不是正确的做事方式。如何仅根据源代码找到api?
image - Fotorama 滑块 - 如何延迟加载图像,然后在不可见时卸载它们?
我在我的网站上使用fotorama.io,并且我在滑块 (60-80) 中有一个大型图像库,所以我按照手册中的建议使用延迟加载来不一次加载我的所有图像。
但是当我浏览图像并且已经达到 40 多张图像时,我的浏览器内存已超载,浏览器开始响应缓慢,我有 Firefox 的 Memory Restart 插件,这表明我的内存非常高。
有没有办法使用延迟加载并保留例如 10 个图像,并卸载所有不可见的图像或 10+ 的图像以卸载以便清除内存?
javascript - Fotorama 4 禁用箭头
我需要有关 fotorama 4 的帮助。我想禁用导航箭头
data-arrow="false"
data-arrows="false"
$('#my-fotorama').fotorama({arrows: 'false'});
$('#my-fotorama').fotorama({arrows: 'null'});
不工作。