コーダスライダーで一度に複数のパネルを表示する方法はありますか？元のスクロールロジックを同じに保ちたい。唯一の違いは、一度に複数のパネルを表示することです。2、3、4枚のパネルなどが表示されます。
どうやってそれをやろうか？
ありがとう
1 に答える
1
これは、あなたが望むものの実用的な例の方向に向かうサンプルです。価値があるよりも面倒に思える理由 (両方のパネルに柔軟なコンテンツが必要であると仮定して) を説明し、どのようにそれを行ったかを説明します。
したがって、最初の問題は、現在のスライドの高さが考慮されることです。次のスライドにもっと多くのコンテンツが含まれていて、スライダーの高さを高くする必要がある場合はどうでしょうか? 高さの計算ごとに両方の高さを比較する必要があると思います。それはそれほど難しいことではありませんが、Niall のコードと戦わなければならない場合は、さらに問題が発生する可能性があります。
2 つ目の問題は、2 つの要素に静的な幅を設定する必要があることです。これは、ほとんどの場合、このスライダーでは正常ですが、コンテンツによってはドラッグになる可能性があります。
とにかく：
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 230px }
.coda-slider { float: left; overflow: hidden; position: relative; width: 460px !important }
これらのセレクターは、エディターで検索を使用して見つけることができるはずです。これ!importantは面倒ですが、多くのコードを手直ししたくない場合は必須です。基本的には、.coda-slider .panel各パネルに必要な幅に設定してから、幅を 2 倍にし.coda-sliderます。
ここで何かを見逃したり、何かを適切に説明できなかったりした場合はお知らせください。これについてもっと詳しく教えていただければ幸いです。このスライダーを非常に頻繁に使用する職場のプロジェクトを継承したため、私はこのスライダーを頻繁に使用してきました。それ以来、私は何かカスタムに移りました。
于 2011-11-07T22:26:40.450 に答える