jquery - ボックスの移動jqueryプラグインの可変幅

Question

http://css-tricks.com/moving-boxes/jqueryプラグインの使用を検討しています。可変幅パネルを処理できるかどうか教えてもらえますか？

現在の画像を中央に配置し、前の画像と次の画像の半分を表示する画像スライダー/カルーセルが必要です。ボックスの移動は素晴らしく、法案にほぼ適合します。必要なのは、中央にスライドする可変幅の画像だけです。

Answer 1

はい、可能です。画像の実際のサイズに合わせて HTML の div .inside および .img の幅を調整し、スライド中に幅を再割り当てする CSS の行を削除します。これを行うには、要素を調べて、デモを表示しながらブラウザで編集します。

CSSとHTMLを編集し、さらにimgサイズとコンテナサイズをjQueryで設定、これはslider.jsの一番上にある

        var totalPanels         = $(".scrollContainer").children().size();

var regWidth            = $(".panel").css("width");
var regImgWidth         = $(".panel img").css("width");
var regTitleSize        = $(".panel h2").css("font-size");
var regParSize          = $(".panel p").css("font-size");

var movingDistance      = 300;

var curWidth            = 350;
var curImgWidth         = 326;
var curTitleSize        = "20px";
var curParSize          = "15px";

必要に応じてこれらの値を削除/編集してみてください