问题标签 [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 回答
1554 浏览

javascript - fotorama 如何使用 ajax

我在 fotorama 中使用 ajax 遇到了两个问题

i)在ajax之前,我的代码是:

在ajax之后,我的代码是:

在这种情况下,fotorama 可能有效或无效

ii) 当我通过以下方式清除数据时,假设 fotorama 工作“成功”

然后添加其他图像,fotorama 完全不能再工作了。fotorama 支持 ajax 吗?

0 投票
1 回答
1298 浏览

javascript - Fotorama.io:我们如何通过 Frame Object 数组延迟加载图像?

我有以下代码,它非常适合通过框架对象数组加载图像:

我在页面完全初始化后使用它,根据屏幕或窗口宽度加载不同大小的图像。我只是用 HTML 中的一个小空白图像初始化 Fotorama,然后稍后动态重新加载图像。

但是,我相信这会立即加载所有图像,因为它们是“img”标签,所以它可能相当于:

如何在框架对象数组中完成以下等效操作,以便在小型设备上进行延迟加载?:

我想我应该使用“html:”标签,并且至少尝试了以下两种方法:

和...

...它们之间的唯一区别是“”标签<div></div>周围的“”包装<a></a>

通过上述任一尝试,页面将加载具有适当数量的图像帧的 Fotorama,但它们是空的……包含标题,但没有图像。

这是我必须继续的唯一真正线索,初始化页面中的框架对象规范

有什么建议么?

谢谢!

0 投票
0 回答
189 浏览

jquery - Jquery Including several spans using insertAfter inside a div

I am doing a controlpanel below fotorama. Everything is working, except that I am not able to add the spans for the buttons created in the jquery into a div. I am using insertAfter as it needs to be After the fotorama_nav_wrap. I have been playing with append, but I can´t manage it. I want to have the buttons in this div:

This is the jquery: // 1. Initialize fotorama manually. var $fotoramaDiv = jQuery('.fotorama_custom').fotorama();

Updated with solution: It works now, I changed the insert.After to append, and then appended the div:

0 投票
1 回答
277 浏览

javascript - jQuery 选择器在 Fotorama.io 中不起作用

我在这里做错了什么?

链接到 codepen 演示

它返回 0 个对象,同时有 2 个img标签。我尝试以多种方式初始化它,仅使用 JS,使用 API 访问。没有任何效果。为什么 jQuery/JavaScript 选择器在这里不起作用?

0 投票
1 回答
181 浏览

javascript - 使用 Fotorama api 跟随链接

我正在使用 Fotorama (www.fotorama.io) Jquery 插件构建一个站点。我一直在使用此代码生成自定义缩略图。我需要以某种方式抓住图片上的媒体才能走。

但是我的代码不正确,我并不总是得到想要的图片。

如何捕捉图片并单击从雷达图像接收数据的选项?

0 投票
2 回答
516 浏览

javascript - Fotorama用另一个替换图像


你好!

我不知道为什么,但我不能做这个主题

这是我的初始化代码,它工作得很好

当我尝试获取其他图像时,我正在使用它

但它不起作用

我做错了什么?

0 投票
1 回答
308 浏览

angularjs - ng-click 不适用于 fotorama 插件

我正在使用带有 AngularJS 的 Fotorama 插件。如果我将ng-click指令放在 Fotorama 标记中,它不会触发处理程序。这是我的示例标记:

第一个处理程序(非角度)工作正常,但第二个没有。似乎原因是 Fotorama 重建了 DOM,而 AngularJS 不知道这些变化。我发现的唯一解决方法需要$compile直接从非 Angular 代码中使用服务:

有没有更好的方法将 Fotorama 与 AngularJS 集成?

0 投票
1 回答
367 浏览

fullscreen - 主容器外的 Fotorama fullsreen 和箭头按钮

我需要从 fotorama 中取出按钮,但我不能用标准方法做到这一点

http://i.stack.imgur.com/458w1.jpg - 想象一下我需要做什么。

0 投票
2 回答
723 浏览

fotorama - 从幻灯片的左侧而不是中间开始缩略图

在 Fotorama 插件中,如果图像很少,则缩略图从中心开始。我希望缩略图从左侧开始。我怎样才能做到这一点?

0 投票
1 回答
695 浏览

fotorama - 链接到 fotorama 上的特定图像

我有一些 fotorama 图片,我想获得指向特定图片的链接。例如,我想通过链接转到轮播的第三张图片,而不仅仅是第一个。我想我应该使用 .activeIndex 但我不知道该怎么做。

提前致谢!