使用jQuery/Javascript的发光图像

我有两张照片。一个是正常的，另一个是彩色的。我想让这个图像显示在另一个图像的顶部，并具有“发光”效果，每隔一秒钟左右在透明和不透明之间切换。我还需要在用户按下特定按钮时停止此效果。我将如何使用jQuery或Javascript实现这一点？

:

只需将两个图像放置在绝对位置：

  .images img{
    position:absolute;
  }

  .glowed{
    box-shadow: 0px 0px 30px 2px #cf5
  }

---

我使用方框阴影，但你可以使用一个发光的PNG图像代替。

也考虑CSS动画！我不确定是否可以使用CSS，因为动画必须停止以响应按钮。设置演示小提琴。（）向我们展示您的HTML/CSS的外观。@DanielMarshall当按钮按下时，您总是可以从CSS中删除动画clicked@RokoC.Bulja

var playing = true;

function loop(){
  if(playing){
    $('.images img:eq(1)').fadeIn(700, function(){
      $(this).fadeOut(700,loop);
    });
  }
}

loop(); // start loop


$('#stop').click(function(){
  playing=0;
}); 

  .images img{
    position:absolute;
  }

  .glowed{
    box-shadow: 0px 0px 30px 2px #cf5
  }