画像のスライドショウ

スライドショウ表示

【10】インラインフレームを配置する　スライドショウ

上級編　 インラインフレームに、画像をスライドショウ表示

インラインフレームに、画像表示はさほど難しくないのですが、
インラインフレーム表示とは切り離して,スライドショウ表示の学習をしましょう。
スライドショウ表示するには、表示も見栄えを良くしたいなどHTMLでスライドショウ表示に、
欲張ってページ切り替えのほかに特殊効果で表現するようにしています。

　　　更新を押すと、はじめの画像に戻ります。
　　スライドショウ
　　インラインフレームを配置、応用サンプル画像表示

このような、面白い使い方も出来る。インラインフレーム表示に以下を組み合わせたもの。
特殊効果表示設定は Internet Explorer4 以降に対応　他のブラウザに対応していません。
スライドショウ　関連URL	自動的にページを読込む	関連URL	特殊効果
画像表示ページ作成　関連URL	サムネイル画像から画像表示	関連URL	リンク基本設定

ページにインラインフレームを配置、応用サンプルタグ　テーブルタグを省いています。

下記が、表示させる参考リンクページ（img01.html）ＨTＭＬタグです
次に表示させるリンクページが指定されていますね　画像・リンクページを一個ずつずらしたこの様なページを複数個作成してページ・画像を置き換えると完成。
インラインフレーム表示に限らず、リンクページを全表示切り替え表示させる方がインパクトがある。
管理人がアップしている写真の部屋
明石海峡大橋の　スライドショウーで観る明石海峡大橋で、スライドショウを体感して下さい。

フレーム設定の　HTMLタグ使い方と解説　属性は、要素括弧内で指定のこと

<iframe>	</iframe>	要　素	同じページ内にフレームページを配置する
<iframe>	～　 </iframe>	要　素	～の箇所に、インライン未対応ブラウザやフレーム表示をしない設定に対して表示させたい内容を指定しておく。
	src=""	属性	インラインフレームでは一般リンクの href= ではなく、表示させたい内容のURL・ファイル名を src= で指定する。 IMG　 music
	name=""	属性	必須属性
	width=""	属性	フレーム設定　フレームの幅（ピクセル・％）
	height=""	属性	フレーム設定　フレームの高さ（ピクセル・％）
	marginwidth=""	属性	フレーム設定　フレーム内の左右のマージン（ピクセル・％）
	marginheight=""	属性	フレーム設定　フレーム内の上下のマージン（ピクセル・％）
	scrolling= ""	属性	ページのスクロールの指定
	"yes"	属性値	ページのスクロールを許可
	"no"	属性値	ページのスクロールを禁止
	"auto"	属性値	ページのスクロールを自動にして、ブラウザにまかせる
	frameborder=""	属性	フレーム設定　フレームウインドウ枠の表示(あり="1"　なし="0")
	align=""	属性	配置位置　　関連　画像の配置
	"left"	属性値	インラインフレームをページの左に配置する無指定で、テーブルで配置の方法が任意の位置に配置が容易。
	"right"	属性値	インラインフレームをページの右に配置する
<br <br <br	clear="left"> clear="right"> clear="all">	属性＋属性値	インラインフレーム右側の回り込みを解除するインラインフレーム左側の回り込みを解除するどちらの回り込みも解除する
	"top"	属性値	インラインフレームの上と画像やテキストを揃える。
	"middle"	属性値	インラインフレームの中心と画像やテキストのベースラインを揃える。
	"bottom"	属性値	インラインフレームの下と画像やテキストのベースラインを揃える　規定値。