问题标签 [jquery-transit]

我正在研究一个基本上在高级图像查看器上的原型。我实现了（旋转、放大、缩小、向左、向右、向上和向下）。当我首先点击旋转时遇到问题，它似乎搞砸了我的方向控件的方向。（实际上它正在做它应该做的事情）。奇怪的是，如果你先点击方向控制，它就会起作用。

您可以获得 ('rotation') 之类的值，但我不确定它们如何处理，就好像我目前不确定问题一样。

这是我的实现：

JS

HTML

我在放大和缩小上设置了限制器，这就是条件的原因。

我想用脚本在鼠标悬停时创建一个过渡动画：Transit All 已完成，嗯……有一个例外。过渡有效，但是如果您在 3 个不同的块上多次通过鼠标（例如 5 次），动画将继续播放！它会产生闪烁效果，但我不喜欢……一张图片值一千字：这是我的代码，问题出在：http: //jsfiddle.net/u4Dk4/1/

感谢您的宝贵帮助。

我在我的页面中使用jquery-2.0.2.min.js和jquery.transit.min.js。我有一个 id="expand" 的 div，当您单击它时它会在旋转中切换。我的问题是在第二次切换之后，它不会旋转。它只是在第一次点击时旋转。

flag_expand 的初始值为 0。

我想单击一个 div 并旋转另一个 div，然后当再次单击第一个 div 时，另一个 div 会旋转回其原始位置。

如果需要，我可以参考这个库http://ricostacruz.com/jquery.transit。

我正在使用 jquery transit 来移动和元素。我想暂停动画并单击按钮继续。但我不知道该怎么做。

JSFiddle：http: //jsfiddle.net/b4hwq/2/

我确实尝试过

但它抛出了一个错误。

我正在使用航点和 jquery 中转。我能够实现从 200% 缩小到 100% 的效果。但为此，我必须将我所有的 CSS 写入默认值 200%，然后我的 jquery 传输将其缩放 0.5 到正常大小。

我的意思是有一个聪明的方法来做到这一点。

这是我的小提琴 http://jsfiddle.net/cancerian73/eJ2Mw/1/

你可以看到圆圈之间的文字被缩小了

将模糊图像与一些亚像素平移动画结合时出现性能问题（我使用的是jQuery Transit）：

在 上mousemove，重新计算模糊以模拟景深。移动时，元素并没有像我希望的那样移动。

演示在这里

-webkit当您在浏览器中单击瓶子时会出现错误移动

有什么想法/提示我可以加速这个吗？

我正在考虑预先计算每个焦点步骤并使用不透明度，但这是我将使用的最后一个解决方案。

我遇到了重叠过渡的问题 - 一个过渡在前一个过渡结束之前开始。

JsFiddle 示例：http: //jsfiddle.net/s4r88/18/。

如果您将按钮悬停得足够快，您将看到动画“跳转”到其最终设置而没有过渡。我试过使用 .stop() 和 .clearQueue() 方法无济于事。

我知道还有其他方法可以实现这一点（jQuery.animate()，编写静态 css），但我认为必须有一种方法可以在 jQuery.transitions 中解决这个问题。

有任何想法吗？

我正在使用 Jquery Transit 和 Masonry JS。我的 div 中有一个按钮，单击该按钮时，应将容器位置更改为固定并将其移动到屏幕的中心（使用 Jquery Transit）。但是，单击时，框会移动到屏幕的右下角.

您可以查看jsfiddle以查看我的问题。

的JavaScript：

我正在开发一个演示库，以使我的生活更轻松。自然，动画是其中不可或缺的一部分。

该库使用Transit为动画提供动力，以加速 CSS3 的性能。一个特定的动画具有滑入或滑出演示文稿的元素。如果你把其中的两个粘在一起（一个进去，一个出去），它会为幻灯片到幻灯片的过渡创造一个非常好的效果。在此处查看演示（使用箭头键/单击前进/后退通过演示文稿）

（这都是在 Windows 中）Chrome 显示效果很好，在过渡期间您看不到两个“幻灯片”之间的间隙，因为它们实际上是同时播放的。然而，Chrome 在转换过程中会扭曲文本，我对此无能为力，因此在实际演示时，我想使用 Firefox 甚至 IE 之类的东西，因为它们总是很好地消除锯齿文本。然而，在 FF 和 IE 中，两张幻灯片之间会出现一个间隙，就好像它们开始时相距非常小一样。

确实它们是分开开始的，当我在每个动画开始时记录一个 Date.now() 时，Chrome 大约有 4 毫秒的差异，而 Firefox 有 3 毫秒的差异（尽管其中一些开销可以归因于创建Date 对象，还有很多优化要做）。Chrome 的时差较大，而 Firefox 是动画中的差距。

有没有什么办法解决这一问题？是我的实现有问题（在 Github 上），还是与 Transit 有关（在 Github 上）？如果没有明显的解决方案，我可以尝试使用Tram.js，但我一开始想避免这种情况，因为它比 Transit 有点笨拙。

对此的任何见解将不胜感激。很抱歉，此页面上没有任何代码，但它可能归结为很多事情，所以我只是将整个库供查看。