jquery.serialScroll偏移問題（圖片對齊）

Question

我想實現jquery.serialScroll作爲具有固定寬度和隨機寬度圖片（here）的圖庫。一切正常，但我無法正確設置偏移設置，所以當您滾動到最後一張圖片時，右側有很多灰色空間。當我試圖設置偏移量（約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寬度。