0

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 については、リンクをたどってください)

4

1 に答える 1

0

解決しました。単純に画像を反復処理し、その幅をカウントしてから、ラッパー要素の CSS 幅を設定します。

于 2010-10-17T12:48:54.740 に答える