将fadeIn和fadeOut效果添加到图像灯箱JQuery

Question

我有一个jQuery灯箱，用户点击两个链接'next'和'previous'来浏览图片。

如何淡入新图片？

以下是我的代码片段，说明新图片如何替换旧图片。

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

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

Answer 1

2提出的解决方案：

Soliton 1

FadeOut（具有不透明度），更改图像，再次淡入。

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

Soliton 2

正如bricker所提到的，你可以使用像http://jonraasch.com/blog/a-simple-jquery-slideshow这样的方式，但是为了做到这一点，我认为你无法避免同时拥有两个图像对象。我想，为了采用幻灯片，这对你来说会更有用。但是，你可以同时淡出淡出。