Problème de décalage jquery.serialScroll (alignement d'image)

Question

J'essaie d'implémenter jquery.serialScroll en tant que galerie avec des images de largeur fixe et de largeur aléatoire (here). Tout fonctionne bien, mais je ne peux pas régler correctement le paramètre de décalage, donc quand vous faites défiler jusqu'à la dernière image, il y a beaucoup d'espace gris sur la droite. Quand je l'avais essayé de mettre en offset (environ 700), la galerie a gelé vers le bas :(

Connaissez-vous une solution simple comment aligner la dernière image avec extrémité droite?

Merci d'avance pour vos réponses.

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

(Pour html et css suivre le lien)

Answer 1

I Résolu parcourons simplement des images, sa largeur compte et puis définissez. la largeur CSS de l'élément wrapper.