jquery.horizonScroll.js

JavaScript

左右にスライドする水平スクロールを実装できる「jquery.horizonScroll.js」

jquery.horizonScroll.jsは左右にスライドする水平スクロールを実装することができるjQueryプラグインです。一つ一つのコンテンツをスライドしながら見ていくことができます。スクロールの他にも左右に設置された矢印でもスライドさせることが可能です。

jquery.horizonScroll.js

デモ

スクロールすることで右や左にコンテンツをスライドさせることができます。テンポよくコンテンツをスライドで順番に見せていきたい時に役立ちそうですね。

デモではスライドさせるためにキーボードの矢印キーも使えるようになっています。また、スマフォでも動作確認してみたところスワイプ(フリック)でスライドすることができました。

PCではスクロール、モバイル時にはスワイプと各端末に合わせて快適な使用感になるのが魅力的ですね。

使い方もとてもシンプルなのがいいです。

$('selector').horizon();

jquery.horizonScroll.js

ツールバーが表示されない時の対処方法WordPressのツールバー(管理バー)が表示されない時の対処方法前のページ

Lightroomのサムネイル一覧から写真の縦横の向きを変更するやり方次のページLightroomで写真の縦横の向きを変更

関連記事

  1. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  2. JavaScript

    軽量で嬉しい!画像を拡大ズームしてくれるjQueryプラグイン「Leroy Zoom」

    Leroy ZoomというjQueryプラグインを使えば、画像を拡大ズ…

  3. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  4. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  5. no-image
  6. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP