问题标签 [jquery-reel]

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 回答
999 浏览

javascript - 带有 Jquery Reel 的 360º 图像:每个循环的额外步骤?

我有这组图像,共有 109 个。它是一个从 3 个不同(垂直)角度旋转 360º 的房间。

它似乎工作正常,但我不知道为什么在每个循环结束时我会从另一个角度看到一些步骤/帧:

如果您只是检查它会更容易:http: //toniweb.us/m/3d/adam.html

这就是我所说的:

我是否错误地使用了框架、行、数量和步骤?或者问题出在图像中?

多谢

0 投票
0 回答
957 浏览

jquery - Reel JS jQuery 插件,iPad,带有缩略图的缓慢加载图像

我们将 Reel JS 用于我们开发的 360 查看器。我们这样做是为了在页面上有多个缩略图,用户可以选择一个缩略图,然后一个新的 Reel JS 360 查看器会填充页面。

不过,我们在 iPad 上遇到了问题。当我们尝试在图像序列之间切换时,iPad 在将图像加载到 Reel JS 360 查看器的过程中往往会阻塞或停止。我们使用的是第一代 iPad。我们使用隐藏的输入字段来调用图像序列并将图像加载到占位符中。因此,所有图像都不会在页面加载时加载到页面。

在运行 Android 的摩托罗拉 Xoom 平板电脑上,图像序列的加载速度非常快。

谁能告诉我们为什么在 iPad 上图像加载器会阻塞?我们的JS有什么问题吗?该代码在 Android 平板电脑和我们的台式机上运行良好,但在 iPad 上却不行。

我们的测试页面在这里:http ://www.dmns.org/test/jquery-360/index4.html

我没有发布任何代码,因为我不完全知道这是代码问题还是只是 iPad 的限制,所以我想看看是否有其他人可以在 iPad 上测试它并帮助我们提供任何见解或想法. 如果您绝对需要我,我可以发布我们所有的代码。但我只是认为有人查看源代码并分析它会比我尝试在此页面中放置一堆代码更容易和更好。

提前致谢。

0 投票
2 回答
2602 浏览

javascript - 在悬停 jquery 卷轴上停止/播放

嗨,我是使用 jquery reel 的新手。我想了解当您将鼠标悬停在 jquery reel http://test.vostrel.cz/jquery.reel/docs/jquery.reel.html上时如何停止和播放。我看到有一个停止、启动和暂停事件,但我不确定如何在悬停时激活它。

谢谢!

0 投票
1 回答
510 浏览

javascript - jQuery reel 不允许反转

我想强制我的卷轴动画总是向前而不是向后(即动画帧数应该只变大并且永远不允许变小)。

有没有明智的方法来做到这一点?

为清楚起见进行编辑:

我正在使用jQuery reel创建一个简单的动画。动画由 10 个图像(01.png、02.png、03.png ...)组成。reel 的默认行为是在用户单击/触摸图像并向左或向右拖动时播放动画。

当用户向右拖动时,它会以正确的顺序播放动画——本质上是从 01.png、02.png、03.png 前进……这里没有问题。

当用户向左拖动时,它会反向播放动画——03.png、02.png、01.png、10.png、09.png ...我不喜欢这个,我想禁用它。

所以我正在寻找一种只允许动画以“正向模式”播放并禁用“反向模式”的方法。换句话说,我希望能够禁用向左拖动或向左平移。

这有意义吗?

0 投票
0 回答
839 浏览

javascript - 如何反转 jQuery Reel 自动播放

我正在使用 jQuery Reel 来显示 360 度产品视图,执行如下操作:

我想让它反向自动播放(从右到左,而不是默认的从左到右),但我不想改变拖动和指示器的工作方式(这是什么cw: true-所以我不能使用它)。

我试过的

该选项cw: true确实使它反向播放,但拖动和指示器现在从它们应该的方式向后。

该选项inversed: true似乎完全符合我的要求,但据我所知,它不会改变任何东西。

speed选项设置为负值(即speed: -0.4)似乎与将其设置为正值的行为相同(它不会改变任何内容)。

即使颠倒图像的顺序(我使用的是图像列表而不是精灵)也无济于事,因为这与 using 基本相同cw: true,因此在执行此操作时拖动和指示器仍然向后。将倒序图像列表与cw: true完全结合使用与完全不使用选项相同,并且inversed: true在这种情况下似乎也没有效果。

查看这个 JS fiddle以查看我的测试用例。
(它使用的是精灵而不是图像列表,但在我的所有测试中它的行为与图像列表相同。)

我已经使用 Reel 1.2.1 和 1.3 进行了测试。


如何让卷轴反向自动播放,同时仍保持拖动和指示器方向?

0 投票
0 回答
271 浏览

jquery - 使用 jquery-reel.js 时在 Chrome 中取消 GET 请求

我正在使用jquery reel 插件在我的 rails 应用程序中创建图像卷轴。我的插件实现如下所示:

似乎正在取消对图像的一些请求,返回错误“无法加载资源 net::ERR_ADDRESS_UNREACHABLE”,但是当我单击错误旁边的图像的 url 时,它会将我带到图像,所以图像在服务器上。

然后,如果您打开网络选项卡,就会有这个. 此外,这似乎只发生在 Chrome 上。在 FF 上,一切似乎都按预期工作。

关于可能导致这种情况的任何想法?提前感谢您的帮助。

0 投票
1 回答
315 浏览

javascript - jQuery Reel 插件:同时移动两个卷轴?

使用 jQuery Reel 插件我试图让两个卷轴同时移动。基本上我想要的是同时控制两个卷轴,所以当我移动一个卷轴时,另一个卷轴也会同步移动。我需要在立体相关的项目中使用它。

这是我的小提琴:http: //jsfiddle.net/dpcdpc11/xR4TN/。在此示例中,我使用了两个卷轴,它们将相同的图像放置在红色背景 div 中,并且它们都将 area 选项设置为红色 div data-area="#images_container"。我不知道为什么它不能正常工作......第一个卷轴的移动速度比第二个快,但它们应该同步移动。

有谁知道如何解决这个问题?也许使用该area选项不是最好的主意。

提前致谢!

0 投票
1 回答
796 浏览

javascript - jQuery Reel 插件:动态显示或隐藏卷轴图像

原谅我的英语。

我尝试使用jQuery Reel 插件,它在我的 html 文件上完美运行。

但是如果我通过添加脚本document.innerHTML,它根本不起作用。

图像会出现,但我不能卷轴。

我也尝试了这个element.setAttribute(name, value)函数,或者使用 jQuery 加载了整个 html 文件。但结果是一样的……

不知道现在该怎么办。

或者是否有任何其他解决方案可以动态显示和隐藏卷轴图像?

非常感谢。

下面是整个脚本和项目。

JQuery 卷轴项目

0 投票
1 回答
683 浏览

javascript - 如何动态更改图像顺序?

我想动态更改图像序列。

例如,在下面的链接中,当前有一个汽车图像。

http://test.vostrel.cz/jquery.reel/example/object-movie-multi-row-sequence/

在某些操作上,我想切换到另一个汽车图像。目前,我尝试执行以下操作。

上面的代码工作正常,只是在切换到其他图像时有一秒钟的闪烁效果。有没有办法在没有闪烁效果的情况下更改图像?

提前致谢。

0 投票
0 回答
139 浏览

javascript - jQuery reel方向模式与序列不起作用

我是 jquery Reel 插件的新手,序列不工作的定向模式,请更正我的代码

对于每个方向,它应该需要 6 帧......但它作为普通卷轴工作。请更正我的代码。谢谢。