[JS]二つのパネルをダイナミックにずらして表示するコンテンツスライダー -dualSlider

左右に配置された二つのパネルをスライドのタイミングをずらして表示するコンテンツスライダーを紹介します。

デモのキャプチャ

dualSlider
※注意
IEでアクセスすると「Virus.DOS.Albania.429」が検出されます。当方はFirefoxでアクセスしていため気がつきませんでした。
しかしながら、スクリプト自体はかっこいいので、いつか解消されることを期待しつつURLを記載しておきます。
http://www.hugoandcat.com/DualSlider/index.html

コンテンツスライダーの操作は自動と手動があり、自動と手動の切り替えは右上のボタン、手動の操作は右下で行います。

デモのキャプチャ

手動操作のインターフェイス

dualSliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。
スクリプトのオプションでは自動・手動の切り替え、アニメーションのタイミングなどを設定できます。

sponsors

top of page

©2024 coliss