高度なJavascriptコンテンツスライダを実装する方法は？</p>が <p><a href="http://hovenftp.com/spinscroll/scroll1.html" rel="nofollow">http://hovenftp.com/spinscroll/scroll1.html</a> （それはいくつかの時間がかかることがあります。

Question

私は（私が目指してるものを見るために、左右の矢印ボタンを押して）次のモックアップに似水平JSスライダーを実装を担当するデザイナーです

似たようなことを達成するために微調整できるライブラリを見つけるためにグーグルで多くのことを行ってきましたが、私は運がありませんでした。私のJSスキルは悲惨に欠けているので、どこから始めてビルドを開始するのかはわかりません。私は絶対的な位置付けを伴う何かを推測しており、条件式は青セレクタの動きを処理することができますが、アルバムは左右にスクロールする必要があります。

ご意見やご感想をお寄せください。

Answer 1

約bxslider？チェックExamples -> Multiple slides at once

Answer 2

よくhtml構造はこのようです。

div.viewport -> wrapping the whole slide and defining the 'viewport' of your slider 
    div.slider -> this wraps all the single images and has a width of 900000px 
     div.img -> this wraps the actual image and has a blue border on 'selected' 
     div.img -> another 
     div.img -> and another.. 

あなたのjavascriptはdiv.imgを数え、div.sliderの幅を計算します。次に、アクティブなdiv.imgがdiv.viewport内にあるかどうかを確認し、そうでない場合は、div.sliderの左または余白左のスタイルを設定して、ビューポート内に配置します。それで私が働いているニュース会社のスライダーをどのように開発したのですか（0120）。

Answer 3

私はこのようなもののためにCycleを好きです。軽量で、文書化されており、ニーズに合わせて簡単にカスタマイズできます。