jCarousel显示并滑动一半图像

Question

我的网页上有一个模板滑块，我通过ajax动态加载图片。下载图像后，我有一个自调用 JavaScript代码，用于将下载的图像绑定到滑块。但问题是，我没有得到整个图像。它只显示了一半的图像，当它滚动时，它会破坏所有内容并且不再显示任何图像。

奇怪的是，当我F12（调出萤火虫）时，它会自动对齐，但是在下一张幻灯片上，它会显示图像的一半。

这是我用来绑定jCarousel的JavaScript。这个JS代码是通过AJAX调用获得的。

function mycarousel_initCallback(carousel) {
    console.log('binding left button');
    jQuery('#leftBtn').bind('click', function () {
        carousel.prev();
        return false;
    });
    console.log('binding right button');
    jQuery('#rightBtn').bind('click', function () {
        carousel.next();
        return false;
    });
};
(function () {
    console.log('binding carousel');
    jQuery("#currentLookAlbumImages").jcarousel({
        scroll: 1,
        visible: 1,
        wrap: 'circular',
        itemFallbackDimension: 428,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
})();