[JS]動作が軽快なパネルを水平・垂直にスライドするスクリプト -Easy Slider

リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。

デモのキャプチャ

Easy Slider 1.5
demo

パネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用することができます。

  • demo 1(スタイルは無し)
  • demo 2(スタイルを適用)
  • demo 3(スタイル無しで垂直方向に)
  • demo 4(スタイル適用、自動スライド)
  • demo 5(複数のスライダーを設置)

スクリプトのオプションでは、スライドのスピード、スライドの自動・手動、ポーズの時間などを調整することができます。

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

sponsors

top of page

©2024 coliss