淡入淡出，通过jQuery淡出循环

Question

我有一个img。例如。

我希望一些项目淡出，在img中循环淡入。有可能是jQuery吗？

Answer 1

您应该在现有图像上添加其他图像，然后淡入淡出。代码看起来像这样：

    <img src='firstStar.jpg' alt='star image' id='firstStar' />

    var loopImages = function(){

         $('#firstStar').fadeIn(1500, function(){

                   $('#firstStar').fadeOut(1500, loopImages);           
         });
    }
    loopImages();

其他选项可能是在图像上放置透明div并在循环中将它们模糊。对于后一种方法，您可以使用blurjs library.

Answer 2

如果您通过“某些项目”引用图像本身的某些项目 - 那么答案是否定的。但是，如果您将此图像作为某个div的背景说明，那么您可以在图像上显示一些其他元素（通过添加div s或img并相应地定位它们），这将是jQuery的淡入淡出。