javascript - nivo-lightbox 插件 slideIn images onclick of next or previous

Question

不知道有多少人用过这个 plugin , demo 但我想要的是将插件的默认行为更改为类似 animated 的行为。目前，当您单击 next 或 previous 按钮时，将仅附加图像而没有任何视觉动画。我只想在附加时为图像设置动画!任何人都可以提出任何好的解决方案!以下是在图像上进行附加操作的代码:

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();
         });
}

可以使用任何类型的动画

Answer 1

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

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