フェード8-1■フェードでサイズ違い実寸表示コメ付き    UP日時 : 2019/08/08


●スライド画像の表示見本として、横200px縦298pxの「モナリザ」の画像を入れています●
●2019/08/08:即時関数で囲んで、グローバル変数を消しました。

■コメント無しでサイズが不揃いなままの実寸表示のJavaScriptはこちら→ フェード8■フェードでサイズ違い実寸表示

上記のJavaScriptに、コメント付きの要望があったので作成しました。
サイズがバラバラに異なる画像が、綺麗なフェードイン、フェードアウトで、自動で切り替わるスライドショーのコメント付きです。
JavaScript のソースは■フェード1■超簡単な綺麗なフェードのスライドショー■とほぼ同じですが、若干修正してあります。

原本は、イヌでもわかるJavaScript講座から。
画像を上下左右の中央配置にする方法はバシャログ。から。

■縦横比率を無視して、表示サイズに画像の縦横を合わせたJavaScriptはこちら→ フェード9■フェードでサイズ違い縦横100%
■縦横比率は正しく画像のはみ出した上下をカットしたJavaScriptはこちら→ フェード10■フェードでサイズ違い上下カット