js图片过渡效果 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

如何制作类似播客应用的过渡效果？

objective-c、ios

我知道有四种类型的过渡效果:水平，垂直，翻转，曲线。怎样才能做出这样的过渡效果呢？

浏览 0提问于2012-10-26得票数 2

1回答

Javascript/原型效果并行在IE10中不起作用

javascript、internet-explorer、slider、prototypejs、internet-explorer-10

我在IE10中的JS遇到了问题(IE7-9工作“很好”) 我有一个带有淡出/显现过渡效果的滑块。当滑动到下一张图片时，当前图片被淡出，而下一张图片被淡入。问题是，IE10不会产生这种效果，它只会隐藏当前的按钮，而显示下一个(但是单击next按钮和显示下一张图片之间的延迟等于在其他浏览器上的效果持续时间，所以它确实做了一些事情。)没有控制台或js错误..

浏览 1提问于2013-08-21得票数 0

5回答

替换reveal.js中的图像

reveal.js

假设我有两张非常相似的图片想要连续显示(假设第一张是一张照片，第二张是同一张照片，并突出显示了一些区域)。我想避免过渡动画，只用第二张图片代替第一张图片。使用reveal.js可以做到这一点吗设置data-transition="none"效果不是很好，因为上一张幻灯片仍然保留其动画。

浏览 0提问于2014-05-12得票数 17

1回答

使用灵活的网格缩放字体标题

html、css、fonts、responsive-design

在下面的场景中，我有基于百分比的列和间隔宽度。我希望(文本)列标题也缩放大小，如果在不同的设备或浏览器的宽度，如果它们是100%宽度的图像。我也不希望依赖JavaScript。

浏览 1提问于2012-05-11得票数 0

1回答

有没有办法使用lightbox2在图像之间实现更平滑的过渡？

javascript、image-gallery、transitions、lightbox2

这个插件似乎是以一种在导航到集合中的新图像时产生“flash”效果的方式编写的。我相信这是因为旧图像只是消失了，而不是先淡出或交叉淡出(这将是理想的)与新的图像正在淡入。当用户前进到下一张图片时，有没有办法添加某种淡出过渡？作为一名对JS相当不熟练的开发人员，我可以在lightbox.js脚本中添加什么来实现图像之间的100%平滑过渡？

浏览 5提问于2015-10-26得票数 0

2回答

WPF/Silverlight图像/视频播放列表

c#、wpf、silverlight、image、video

如果也有一些包含过渡效果的方法，那就太好了。谢谢。

浏览 2提问于2010-01-09得票数 1

1回答

如何通过将视图移动到活动上面来创建平稳的过渡？

android、view、overlay、gesture、sliding

我在调查“拐弯抹角”的作者创建了平滑的过渡，使他的“图片信息”视图高于图片本身。作者用什么方法来创造这种效果？

浏览 5提问于2014-06-01得票数 1

回答已采纳

2回答

CSS / JS滑块过渡效果

javascript、css

我真的很喜欢这个过渡效果，但我无论如何也搞不懂它是怎么做到的。我知道滑块是如何工作的，但它的实际过渡是令我困惑的。我不知道这个效果叫什么，我不确定它是由CSS还是JS完成的？希望能够模仿出同样的过渡效果。有没有人知道这是怎么做到的，可以给我指明正确的方向来构建类似的东西？

浏览 3提问于2018-02-06得票数 0

1回答

如何在使用Javascript更改图片的SRC时为图片添加过渡效果？

javascript、html、css

当改变图片标签的SRC时，我想给它添加一个过渡效果。/images/bverses/verse2.jpg";我已经成功地为背景图像添加了一个过渡效果：let slider = document.getElementByIdimages/hero/slider-0.jpg);} 但是当我将相同的样式添加到圣经诗句类的CSS中时

浏览 93提问于2020-05-30得票数 0

1回答

我可以在IOS中使用CIImageAccumulator进行滑动过渡吗？

ios5、core-image

我有2张图片，一张在另一张上面。如果我向上/向下滚动iPad，顶部的图像应该会消失或出现。效果应该类似于卷帘过渡效果。要做到这一点，如果我在设备滚动的每个角度重新绘制顶部图像，应用程序会变慢，过渡效果也不能顺利播放。在Core Image Programming Guide中，我看到了一个关于成像动态系统的主题。

浏览 1提问于2011-12-22得票数 0

回答已采纳

1回答

向jquery函数添加easing

javascript、jquery、css、jquery-animate、transition

如何使此jQuery函数平滑过渡(平滑调整高度)？我不知道该把它添加到哪里。

浏览 0提问于2015-09-22得票数 1

1回答

如何使用jQuery为我的导航项目添加淡入悬停效果？

jquery、css、hover、fadein、background-position

我是一个全新的jQuery (以及一般的JS )，我知道可以使用它为我的导航翻转添加淡入淡出效果。现在，我正在为导航使用主背景精灵，并且on :hover我只是添加了一个背景位置规则来向下移动每个项目的精灵，以获得悬停效果。但我想使用jQuery来平滑过渡到翻转效果。我用谷歌搜索了一下，发现了一些相似的信息，但我发现的大多数情况下，你有两张图片，其中一张淡出，显示出另一张。但我使用CSS背景位置来简单地将图像向下移动。我能用jQuery更流畅地做这件事吗?

浏览 1提问于2010-08-25得票数 1

回答已采纳

1回答

Swift:当一个视图转换到另一个视图时的动画效果

swift、ios8、uiimageview、uiviewanimation、uiviewanimationtransition

我正在做魔兽世界滑块动画效果在我的应用程序使用快捷。我增加了3张图片。它在一个接一个地滑动。但我需要这样的动画。我不知道当从一个图像过渡到另一个图像时该如何做。请指引我。动画效果在下面。不仅是这个动画效果，也是任何动画效果。

浏览 2提问于2015-04-16得票数 0

1回答

如何将与幻灯片图像相同的过渡效果应用于标题

jquery、jquery-cycle

我正在对一些图片使用JQuery Cycle，让它们完美地工作，然而，我不喜欢它们附带的标题变化的方式，它们与我的图像淡入淡出形成了反差。此外，有一个问题的图像跳跃加载，所以另一个问题来处理。

浏览 4提问于2012-01-13得票数 0

1回答

缩放元素时出现不必要的模糊效果

html、css

我正在尝试消除在缩放转换过程中发生的模糊效果。过渡期间的图片是可以通过的，但这个字体过渡是如此丑陋…有什么方法可以解决这个问题吗？我试过"translateY(0) translateZ(0)“，但没有任何效果。当效果完成后，一切都会恢复正常。

浏览 0提问于2015-05-07得票数 3

1回答

在squarespace图库页面中向下滚动时减慢文本淡出速度

javascript、css、squarespace

有一个画廊页面，其中有一些文本，当向下滚动时，它显示一些图片和文本淡出，所有我想要的是减缓页面的褪色过渡效果，有人可以帮助吗？我尝试在头代码注入中添加以下脚本，但不起作用 <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script

浏览 20提问于2019-03-19得票数 0

回答已采纳

1回答

滚动一次，将下一个div平滑地滚动到另一个div的顶部

javascript、css、html

我想在这个网站上创造同样的效果：#first-block{ top:100px; left: 50%; }我想用js在页面上听第一个滚动，然后添加一个具有过渡效果的css类。现在有没有人知道如何继续，或者这是一

浏览 4提问于2017-05-09得票数 0

3回答

Ionic:已安装的android应用程序转换缓慢

android、angularjs、performance、ionic-framework、ionic

相比之下，侧边菜单滑出时的动画效果非常流畅。为了进一步调查这种情况，我从我的开发机器上打开了www目录，并在手机上用Chrome打开了那个页面，正如人们所预期的那样顺利。

浏览 1提问于2015-03-04得票数 19

2回答

.NET中的动画效果？

c#、.net、graphics、animation、demoscene

谁能给我一个简单的图片动画的C#开源实现。例如，我将输入的图像提供给动画师，动画代码生成几十个图像，如果按顺序显示，它们看起来就像动画。

浏览 4提问于2009-03-27得票数 2

2回答

使用JavaScript模糊图像

javascript、html、blur

我想做一个类似幻灯片的东西，但如果你按下下一张图片的按钮，它应该会模糊，直到无法辨认，然后下一张图片应该看起来模糊并变得清晰。这里的问题是，我必须通过JS应用模糊，我当前的方法看起来像这样：document.getElementById("no1").style.filter = "blur(3Px)";此外，最好知道是否存在等待条件，或者函数中的其他步骤是否会在开始之前等待模糊的过渡持续时间

浏览 2提问于2020-05-27得票数 5

点击加载更多