Javascript 点击下一个或上一个的nivo lightbox插件幻灯片图像

Javascript 点击下一个或上一个的nivo lightbox插件幻灯片图像,javascript,jquery,css,jquery-animate,Javascript,Jquery,Css,Jquery Animate,我不知道有多少人使用过这个,,但我想要的是将插件的默认行为更改为类似于动画的。当前,当您单击下一步或上一步按钮时,图像将只是附加,没有任何视觉动画。我只想在附加图像时设置图像的动画!有人能提出好的解决办法吗!!下面是在图像上附加的代码: if (href.match(/\.(jpeg|jpg|gif|png)$/i) !== null) { var img = $('<img>', { src: href }); img.one('load', f

我不知道有多少人使用过这个,但我想要的是将插件的默认行为更改为类似于
动画的
。当前,当您单击
下一步
上一步
按钮时,图像将只是附加,没有任何视觉动画。我只想在附加图像时设置图像的动画!有人能提出好的解决办法吗!!下面是在图像上附加的代码:

if (href.match(/\.(jpeg|jpg|gif|png)$/i) !== null) {
         var img = $('<img>', { src: href });
         img.one('load', function () {
               var wrap = $('<div class="nivo-lightbox-image" />');
               wrap.append(img); //gets appended here
               content.html(wrap).removeClass('nivo-lightbox-loading');
               // Vertically center images
               wrap.css({
                       'line-height': $('.nivo-lightbox-content').height() + 'px',
                       'height': $('.nivo-lightbox-content').height() + 'px' // For Firefox
               });
         }).each(function () {
                if (this.complete) $(this).load();
         });
}
if(href.match(/\(jpeg | jpg | gif | png)$/i)!=null){
var img=$('');
wrap.append(img);//在此处追加
html(wrap.removeClass('nivo-lightbox-load');
//垂直居中图像
wrap.css({
'行高':$('.nivo lightbox content').height()+'px',
'height':$('.nivo lightbox content').height()+'px'//用于Firefox
});
}).每个(功能){
如果(this.complete)$(this.load();
});
}

任何类型的动画都可以

好吧,我只是在附加后添加了一个
fadeIn
,它似乎可以做某种类型的动画,尽管这是我所接受的。以下是我所做的:

wrap.append(img).fadeIn('4000');