添加图像更改效果jquery javascript

Question

我有以下内容，以2.5秒的间隔加载三个不同的图像。

<script type="text/javascript">
  var imgsld = ['@Model.imageUrl[0]', '@Model.imageUrl[1]', '@Model.imageUrl[2]']
  var step = 0
  function slideit() {
    if (step < 3) {
      document.getElementById("slideimg").src = imgsld[step];
      step++;
    }
    else
      step = 0;
  }
  setInterval("slideit()", 2500)
</script>

我在ASP.net MVC View中有它。

如何在图像更改时添加过渡效果？

谢谢。

Answer 1

function slideit() {
if (step < 3) {
   $('#slideimg').fadeOut('slow',function(){
   $(this).attr('src',imgsld[step]).fadeIn('slow');
});

  step++;
}
else
  step = 0;
 }