その他10 ■実用■ 時間変化インラインフレーム     UP日時 : 2014/09/16

■このページは『戻る』ボタンは効かないので、このページのタグを閉じて下さい。





インラインフレームの中で、4枚のhtmlが15秒ごとに自動的に切り替わるJavaScriptです。
簡単スライドショーを改造して作成しました。時間設定はお好みで。
htmlの切替を、自動ではなくボタン選択で行うJavaScriptは、こちらから。
また、このインラインフレームの中に呼び出している『降る画像変化』のJavaScriptはこちらから。

HTML5では、インラインフレーム(iframe)用の新しいタグが増え、逆に使用できなくなったタグがあり、私も不勉強でよくわからないので、今回のJavaScriptでは、インラインフレームのサイズ指定だけCSSで設定しました。

それでもHTML5では、従来のフレームセットが使用できなくなったので、当サイトのメニュー欄は、インラインフレームで作成してあります。
インラインフレームのターゲットの指定方法は TAG indexから。
HTML5での解説は ほんっとにはじめてのHTML5から。

◆全ソース◆
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』