ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

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

2016/04/07現在、当サイトのスライドショーにはjavascript(slide_simple_pack.js)を使っていますが、特定の環境でのみ表示に問題が出る場合があるようなので、今回はcssでのみのスライドショーを作る方法を公開しました。※こちらの方法にもデメリットはあります。

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

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

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

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

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

<< ホームページテンプレートの使い方・カスタマイズ方法メニューに戻る

↑ PAGE TOP