javascriptを使って様々な表現ができるjQuery。様々なシーンで利用されていますが、今日紹介するのはよくあるスライダーで表現されたスライドショーではなくて、フルスクリーンをで演出されるスライドショー&ギャラリー「Sliding Panel Photo Wall Gallery with jQuery」を紹介したいと思います。

上記のように一面に画像を引き詰め、その画像をクリックするとしたからせりでてくるようなエフェクトで画面遷移され、個別の画像が表示されると言うものです。

詳しくは以下

ローディングアニメーションもgifアニメで埋め込まれていたりと細かなところも考えられています。

実装はそれなりに面倒ですが、作り自体は意外とシンプルです。元文からはソースファイルをまるごとダウンロードできるのと、事細かくソースの実例が掲載されているため、よく読み込んでいけば、オリジナルのエフェクトなどカスタマイズもできると思います。

Sliding Panel Photo Wall Gallery with jQuery | Codrops