no-image

JavaScript

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

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

Simple slider

Simple slider

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

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

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

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

関連記事

  1. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  2. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  3. jquery.peekABar

    JavaScript

    様々なカスタマイズができる便利な通知バー「jquery.peekABar」

    jquery.peekABarは様々なカスタマイズが可能な通知バー(通…

  4. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

  5. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  6. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

最近の記事

  1. ペーストしてスタイルを合わせる
  2. Hermèsオレンジスポーツバンド
  3. GoPro HERO8 Black

アーカイブ

PAGE TOP