最近のWebサイトはSPA(シングルページアプリケーション)の流れもあり、縦長になっています。そのため見えているところだけのスクリーンショットではサイトの魅力を存分に出せないのではないでしょうか。 とはいえ縦長のスクリーンショットなんて誰も喜びません。そこで使ってみたいのがjQuery Animated Screenshotsです。

jQuery Animated Screenshotsの使い方

この左側の部分にjQuery Animated Screenshotsが適用されています。

実際の動きです。タブレットやスマートフォンの幅に合わせて自動でスクロールされるのが分かります。

jQuery Animated Screenshotsの面白いところは縦長の画像を自動でスクロールさせて見せてくれることです。自動で上下にスクロールしてくれるので、上から下まで必要な情報をすべて見せてくれるはずです。

jQuery Animated ScreenshotsはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

jQuery Animated Screenshots Demo VersatilityWerks/Animated-Screenshots