[JS]快適に動作するコンテンツスライダーのスクリプト -AnythingSlider

各パネルをダイレクトに表示するリンクにも対応した、パネルをスライドするスクリプト「AnythingSlider」をCSS-Tricksから紹介します。

デモのキャプチャ

AnythingSlider
demo

コンテンツスライダーは右下のボタンで自動再生が可能で、横のアローで次と前、下の数字で各パネルをダイレクトに表示することができます。
また、各パネルをダイレクトに表示するリンクにも対応しています。
例:demo: panel 3

オプションでは自動再生の有無、再生ボタンのテキスト、表示アニメーションのスピードやタイミングなどが変更できます。

AnythingSliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss