JavaScriptのサンプルです

CSSが無効の場合には、アニメーションせずに画像が見えるようにしています。意図的にJavaScriptを切っているユーザーのため、noscript記述も行いましょう。

このサンプルではJavaScriptをHTMLに記述していますが、一般的にはCSSと同様に外部管理します。
また、ほとんど共通のロジックを個別に記述していますが、functionとしてまとめることも可能ですので、チャレンジしてみてください。

なお、このソースは不要なdivタグを排除するための試みを行っております。最新のブラウザでは問題が発生しないと思われますが、古いブラウザでは問題となることがありえます。対象ブラウザによっては対策が必要なコードあることをあらかじめご了承ください。このコードを使用したことによる問題に対して、筆者は一切の責任を負いません。