jquery-slideはスワイプでのスライドにも対応したシンプルなスライダーを実装できるjQueryプラグインです。動作もサクサクで、パソコンだけでなくスマホやタブレットなどモバイルからの閲覧にもよさそうですね。
jquery-slide
以下のページからjquery-slideの詳細やダウンロードが可能です。実際のデモはダウンロードしたファイルからチェックできます。
デモでは右から左へ自動でスライドしていくスライダーが設置されています。左から右へスワイプ(マウスドラッグ)すると、その方向へスライドさせることも可能です。
シンプルがゆえにファイルの読み込みや動作も速くてモバイルには最適ですね。使い方やマークアップもかなりシンプルに記述できるので、手軽に実装できます。
actionIn、actionOut、delayなどといったオプションも用意されているので、ちょっとしたカスタマイズも可能です。ちなみにデモの設定値はactionInが’left’、actionOutが’left’、delayが1000になっています。
というわけで、スワイプでのスライドもできるシンプルなjQueryスライダーを実装したい人は、ぜひ「jquery-slide」をチェックしてみてください。