问题标签 [cross-fade]

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

jquery - 使用 fadeIn() 循环浏览背景图像

我正在制作一个带有一些视差图像的响应式网站,第一张图像是一个循环图像,就像一个图像滑块。我正在使用jquery Cool kitten的响应能力。

我加载的相关jquery插件是:

div的css是:

我发现在这种布局中使用 HTML 图像作为背景可能会出现问题,这就是为什么我通过使用数组来避免这种情况:

我有一个代码包装在一个$(document).ready()函数中,该函数将css背景更改为数组,然后循环遍历数组,我添加fadeIn()了一个平滑过渡:

图像循环工作正常,但由于某种原因fadeIn()无法正常工作,它只是从一个图像闪烁到另一个图像。有人可以告诉我我错过了什么吗?

0 投票
1 回答
441 浏览

css - 没有 HTML 的图像交叉淡入淡出 - 只有 CSS

我需要帮助完成网页设计的作业。我们必须只使用 CSS 设计一个 Wordpress 页面。我想在标题中使用 2 张图像进行交叉淡入淡出。

在我的代码的重要部分下方。当然,由于有两个背景图像,它不会像这样工作。动画准备好了,但是当img淡出时,只有一个白洞。

那么如何在 CSS 中放置 2 张图片呢?...谢谢您的帮助!(抱歉英语不好:D)

0 投票
1 回答
384 浏览

three.js - 使用 quadmaterial 交叉淡入淡出 - ThreeJS 语法

在编码淡入淡出过渡时,以下代码是什么意思?我希望达到与http://jsfiddle.net/DW9q4/85/相同的效果,但我有 2 个场景,其中有 2 个不同的地图立方体通过PerspectiveCamera. 我无法理解发生了什么,代码在做什么?

非常感谢所有帮助!

0 投票
1 回答
162 浏览

animation - 交叉淡入淡出延迟转换结束事件不可访问

我在我的聚合物应用程序中使用交叉淡入淡出延迟转换,以便与英雄转换很好地配合:英雄转换完成后交叉淡入淡出文本。

我目前使用转换结束回调来触发另一个操作(一些 javascript 函数调用)。问题是这个调用有点资源昂贵,所以它使交叉淡入淡出延迟转换滞后。

英雄转换完成后触发transition-end回调。有没有类似的事件,要知道cross-fade-delayed什么时候结束?

最好的,尼古拉斯

0 投票
1 回答
1769 浏览

bash - 使用 sox 交叉淡化几个音频文件

我正在尝试用 3 秒的交叉淡入淡出交叉淡入淡出几个音频文件,然后用 sox 将它们合并到一个文件中。

我可以通过以下命令将多个文件连接在一起,但不确定如何在每个文件之间交叉淡入淡出:

我可以使用以下命令交叉淡入淡出两个文件,但不知道如何将连接多个文件的第一行与拼接/交叉淡入淡出的第二行组合在一起

我发现了这个问题,但答案对我不起作用。 使用 sox splice 交叉淡入淡出一组音频文件

0 投票
2 回答
11444 浏览

image - ffmpeg 将一系列图像转换为视频 - 每两帧之间有交叉淡入淡出或任何其他过渡

我目前能够将一系列图像转换为视频,但我还需要在它们之间添加过渡/动画。

上面的命令对我有用,可以从图像系列创建视频

现在,我确实想在每个帧之前添加淡入淡出或其他过渡/动画以显示在最终视频中

我google了很多,但还没有找到解决这个问题的方法。

请建议我的方式。

提前致谢。

0 投票
1 回答
696 浏览

css - 悬停时 CSS 缩放图像结合定时交叉淡入淡出

这是我在悬停时缩放图像的方式:

这是我交叉淡入淡出两个图像的方法:

https://jsfiddle.net/1n279ct8/

这是我尝试将两者结合时得到的结果:

https://jsfiddle.net/h453xaav/

哎哟! 它只将“顶层”层视为可悬停。

这种行为对我来说绝对有意义,但令人沮丧的是,我看不到优雅的解决方法。

是否有可能在纯 CSS 中,或者是时候让我打破 JavaScript 了?

先感谢您 :-)

PS 我已经使代码尽可能简单。在我的实际工作中,我使用 ids 和 classes 并为不同的浏览器做案例,但为了尽可能清楚地传达我的意思,我在这里删减了一些。这是我在这里的第一篇文章,所以我不确定房子的风格。请让我知道我是否应该让它“完整”或只是“概念证明”来传达信息:-)

PPS 如果我做这两个效果的 CSS 的方式已经不正确或“狡猾”,那么请告诉我!

0 投票
1 回答
30 浏览

jquery - 不使用图像的交叉淡入淡出过渡效果

我正在尝试为我正在处理的项目创建一个推荐部分。理想情况下,我希望每个推荐都淡出,然后让下一个淡入,依此类推。不幸的是,经过一番谷歌搜索后,我找不到任何不涉及将图像转换为下一个图像以外的任何内容的示例或教程。

任何指向代码片段、插件、教程的链接,或者只是关于如何完成这一切的纯粹建议,将不胜感激!

0 投票
2 回答
2917 浏览

linux - FFmpeg 音频淡入淡出

我正在尝试使用 ffmpeg 合并几个视频并在两者之间应用交叉淡入淡出过渡。我通过参考this得到了视频淡入淡出工作。同时,我还需要音频来为与每个视频相关的原始音频应用交叉淡入淡出。我提到了几个地方,但结果是,

缓冲区队列溢出,丢弃。

我提到的这个这个这个很少。我得到了解决方案,并在音频长度大于视频的情况下产生输出。concat虽然我使用了fade视频中使用的确切值,但它的接缝不像视频中那样工作。以下是我正在测试的 ffmpeg 命令。

此外,当我使用与视频相同asetpts的视频时,它会导致上述相同的问题。我在这里做错了什么,还有其他方法可以用来让视频和音频交叉淡化吗?

0 投票
1 回答
353 浏览

jquery - 悬停时使用jQuery交叉淡入淡出图像和文本

好的,所以我有一个图像可以在悬停时交叉淡入淡出到另一个图像。我还有描述性文本可以淡入淡出到与第二张图像对应的另一个文本。我现在所拥有的,有点糟糕,我唯一遇到的问题是它淡化为空白(CSS:Display-none - 添加了第二张图像不会在第一张图像旁边弹出......我已经尝试摆弄位置,但到目前为止:没有骰子)

此外,它周围似乎有一些点会触发该功能(移动你的指针)......几乎就像发生了某种包装一样?

总的来说,我尝试了显示和隐藏功能(与淡入/淡出相反),这并没有给我带来任何问题……但是,它并没有给我想要的效果。