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

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

如何淡入新图像？

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

var image = $(item).find('a').attr('href'); $('#lightbox img#image').attr('src', image); 

Answer 1

2提出的解决方案

孤子1

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

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

孤子2

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