jquery - jquery.serialScroll 偏移问题（图片对齐）

Question

我正在尝试将 jquery.serialScroll 实现为具有固定宽度和随机宽度图片的画廊（此处）。一切正常，但我无法正确设置偏移设置，因此当您滚动到最后一张图片时，右侧有很多灰色空间。当我尝试设置偏移量（大约 700）时，画廊冻结了 :(

你知道一些简单的解决方案如何将最后一张图片与右端对齐吗？

预先感谢您的回答。

JS：

jQuery.easing.easeOutQuart = function (x, t, b, c, d) {     
   return -c * ((t=t/d-1)*t*t*t - 1) + b; 
};

$(document).ready(function(){    
    $('#slideshow').serialScroll({      
        items:'li',         
        prev:'#slideshow_prev',         
        next:'#slideshow_next',         
        //offset:-700,          
        start:0,        duration:1200,      
        axis: 'x',      force:true,         
        stop:true,      lock:false,         
        //exclude:4,   -> cant use because of random width pictures 
        cycle:false,
        easing:'easeOutQuart',      
        jump: false     
    });

    $('#slideshow a.slideshow_gallery').fancybox({      
      hideOnContentClick: false,        
      zoomSpeedIn:  400,        
      zoomSpeedOut: 400,        
      'type': 'image' 
    });    
});

（对于 html 和 css，请点击链接）

Answer 1

解决了。我只是遍历图像，计算其宽度，然后设置包装元素的 CSS 宽度。