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. no-image
  2. pixelate.js
  3. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  4. stacky

    JavaScript

    スライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」

    stackyというjQueryプラグインを使えばコンテンツをスライドダ…

  5. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  6. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP