How To Create A Simple Image Slideshow

JavaScript

チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image Slideshow」

オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装できる「How To Create A Simple Image Slideshow」。

チュートリアルになっているので、どのように実装していくかとても参考になりますね。

How To Create A Simple Image Slideshow

デモ

マウスを動かすとマウスの座標(位置)に応じて画像がチルトします。ちょっとしたアクセントによさそうです。

右側にある上下ボタンをクリックすると、画像をスライドダウン・スライドアップで切り替えることができます。

How To Create A Simple Image Slideshow

Responsive jQuery Pop Up Gallery美しいイメージギャラリー「Responsive jQuery Pop Up Gallery」前のページ

サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」次のページCloud 9 Carousel

関連記事

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

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  2. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

  3. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  4. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  5. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  6. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP