使用jquery在图像之间转换
使用jquery在图像之间转换
提问于 2011-11-12 21:58:31
我有两个图像，是相同的大小和文字，但不同的颜色(他们被用作徽标)。我想使用jQuery在两个图像之间慢慢地自动转换。首先，我打算从这两个图像中制作一个GIF图像，但随后我想也许可以使用jQuery。
使用jQuery可以做到这一点吗？
我希望在没有任何用户输入的情况下发生转换，并且可以每X秒发生一次。
请让我知道如何做到这一点。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-11-12 22:03:28
Stack Overflow用户
发布于 2011-11-12 22:04:42
可以，您可以使用绝对定位将新图像放在当前图像的顶部，然后使用fadeTo淡入新图像。您可以使用一个简单的setInterval来定期实现这一点。
编辑: fadeTo允许您转到特定的透明度级别。更容易使用fadeIn，它将从100%到0%的透明度。
Stack Overflow用户
发布于 2018-05-31 18:32:11
function fadeInAndOut() {$('#face').fadeIn(500).delay(500).fadeOut(500)}
setInterval(fadeInAndOut, 2000);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="face" src="https://take-a-screenshot.org/secondary/img/about/face.jpg" style="display:none; position: absolute">
<img src="https://take-a-screenshot.org/secondary/img/about/blur.jpg">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8104890
复制相关文章
相似问题