no-image

JavaScript

シンプルでスタイリッシュなjQueryスライダー「Simple slider」

Simple sliderはシンプルでスタイリッシュなスライダー(カルーセル)を実装できるjQueryプラグインです。フェードとスライドを組み合わせた、さりげない美しさを備えたアニメーションが魅力的です。

Simple slider

Simple slider

デモでは画面横幅いっぱいに伸びた横長のスライダーが設置されており、自動でスライドされていきます。スライダーにマウスオーバーすると左右両端に矢印アイコンが表示されます。ここから画像を前後移動させることが可能です。

フェードとスライドを組み合わせた美しいアニメーションがとても素敵ですね。また、デモはレスポンシブにも対応しているので、画面の横幅を縮小・拡大してもそれに合わせて可変します。

PCはもちろん、モバイルにも最適なスライダーといえそうです。

というわけで、シンプルでスタイリッシュなスライダー(カルーセル)を実装したい人は、ぜひ「Simple slider」をチェックしてみてください。

jQuery Social Share Bar固定表示される美しいソーシャルシェアバーを実装できる「jQuery Social Share Bar」前のページ

モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」次のページbasicScroll

関連記事

  1. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  2. no-image
  3. JavaScript

    リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」

    ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  5. AJAX Live Search
  6. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP