添加淡入淡出，并影响到影像收藏的JQuery(Add fadeIn and fadeOut effe

我有一个jQuery灯箱当用户点击两个链接“下一个”和“上”，通过图片浏览。

如何在新的形象褪色？

这里是我的新形象是如何取代旧图像的代码片段。

var image = $(item).find('a').attr('href');

$('#lightbox img#image').attr('src', image);

Answer 1:

2级提出的解决方案：

孤子1

淡出（不透明度），改变形象，再次淡出英寸

$('#lightbox img#image').animate({ opacity: 0}, 500, function(){
  $('#lightbox img#image').attr('src', image);
  $('#lightbox img#image').animate({ opacity: 1}, 500);
});

孤子2

正如布里克提到的，你可以用一种方式http://jonraasch.com/blog/a-simple-jquery-slideshow做，但这样做，我认为你不能避免在同一时间有两个图像对象。 我想这将是你更多的工作，以便采取幻灯片。 但是，那么你可以淡入，并在同一时间淡出。

文章来源: Add fadeIn and fadeOut effect to image lightbox JQuery