Ideal Image Slider

JavaScript

シンプルで動きが滑らかなスライダー「Ideal Image Slider」

Ideal Image Sliderはレスポンシブに対応したシンプルで動きが滑らかなスライダーです。CSS3によるハードウェアアクセラレーションが活用されています。タッチにも対応しているので、スマホからも快適に操作可能です。

Ideal Image Slider

Ideal Image Slider

スライダーにホバーすると左右にスライドできる矢印アイコンが表示されます。また、スマホからはタッチでサクサクとスライドできます。

Retinaにも対応しているので、美しい画像をスライダーで見せたい人にはピッタリですね。

無駄な装飾を必要とせず、シンプルで快適なアニメーションと操作性を備えるので、これからスライダーを実装したい人は選択肢の一つとしてオススメです。

使い方も非常にシンプルなうえに、WordPressのプラグイン(有料)も用意されているので、気になる方はぜひチェックしてみてください。

関連記事

  1. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  2. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  3. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  4. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  5. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  6. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP