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. Responsive Multi Menu
  2. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  3. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  4. jquery.horizonScroll.js
  5. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  6. FrameScrub

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP