灯箱中的幻灯片过渡错误

Question

拉起灯箱后，我无法让这些图片正常工作。这就像我在 Jquery 第二次切换图像时得到了多个错误的编辑。

我已经在这支笔上设置了两个图像：http://codepen.io/nathan-anderson/pen/jqJyNy这就是我调用插件所做的一切

//----------------------------------------------------------------//
//---------------// Calling Hideseek Live Search //---------------//
//----------------------------------------------------------------//
    $('#lightgallery').lightGallery({
        download: false,
        counter: false,
        zoom: false,
        thumbnail: false,
        mode: 'lg-fade'
    });

如您所见，它加载了它们，但出于某种原因将它们分成两半。

如有任何帮助，我们将不胜感激。

Answer 1

为淡入淡出动画指定持续时间。谢谢

Answer 2

看看Codepen Updated

body {
  margin: 0;
  padding: 0;
  /*text-align: center; This is the problem*/
  font-family: 'Muli', Helvetica, Arial, Sans-Serif;
  color: #282828;
  background: #e5e5e5;
}

灯箱中的幻灯片过渡错误

Slide transition error in lightbox

javascript

jquery

html

css

lightbox