Template Party

cssでのみでスライドショーを作る方法。

当サイトでは、javascript(slide_simple_pack.js)を使ったスライドショーが中心ですが、今回はcssでのみのスライドショーを作る方法を公開しました。

タイプは2タイプあります。

↓タイプ1.既存のスライドショー同様、フェードイン・フェードアウトを繰りかえすタイプ。

↓タイプ2.横からフェードインしてくるタイプ。※少し難しいです。

※注意点
css3に対応した端末・ブラウザでしか動作しません。css3に対応していない古い端末から見た場合、最後の画像のみが固定表示される事になります。

※このカスタマイズは「レスポンシブテンプレート(html5+CSS3)」が対象です。