[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が必要です。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

せいじ のま

on 2010年2月17日

お世話になります。少し考えてみたのですが、うまくいきません。
•demo 4(スタイル適用、自動スライド)のcssは、どのようにしますか?ご教示いただければ幸いです。

コリス

on 2010年2月17日

> せいじ のまさん

CSSはデモページの下の方に記述例があるので、参考にしてみてください。
あと、Easy Sliderは新しいバーションのEasy Slider 1.7がリリースされているので、そちらを使用した方がよいと思いますよ。

top of page

©2011 coliss