Elastislide - さまざまな画像幅で動作させる方法

Question

私が作業しているサイトの画像スライダにElastislideを使用しています（http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/）。

この応答性の高いサイトではプラグインがうまく動作します（この回答に基づいて一度に1つの画像をスライドするように修正しました：elastislide move one at a time）が、JSを修正してさまざまな幅の画像で動作します。

現在、itemSpaceは最初の画像の幅に従って計算され、すべての画像が同じサイズであれば正常に動作します。しかし、さまざまな幅の画像をたくさん集めるとすぐに、数学は間違っていて、間違った位置にスライドします。

JSでさまざまなことを試してみましたが、うまく動作しません。

ご意見ありがとうございます。

Answer 1

問題は、プラグインが常に最初のイメージを取り、そのデフォルトの高さ/幅を使用することです。

これには2通りの方法があります。

1. 簡単な方法 あなたはサイズ直しができ、同じ大きさにすべての画像を（それが手やPHP/C＃のであるかどうか）。

2. ハードウェイ _setItemsSize：function（）（js/jquery.elastislide.js内）は、コードが数学を設定する場所であるため、ここで変更できます。ただし、このコードはコンストラクタ（$ .Elastislide.prototype = {）のself.layout（）から一度だけヒットします。 このようにする場合は、setItemsSizeの（w）を変更して、使用するのに最適な幅％を計算する必要があります。

しかし、私だろう、数学をいじりの上に画像をリサイズを示唆しているが、あなたに最速の結果を取得すると、あなたは上を移動し、あなたの開発サイクルの時間を持っている場合は、この後に戻って来ることができるという理由だけで。