面白3■ CSS+JS 拡大縮小スライド    UP日時 : 2015/09/12

2015/09/12:スライドをスムーズに切り替えるために、「画像先読み込み」の記述を追加。
画像が拡大と縮小を繰り返しながら、自動で切り替わるスライドショーです。
CSSとJavaScriptの併用での作成です。

原本は、イヌでもわかるJavaScript講座のフェードで切り替わるスライドショーです。
その「フェードイン・フェードアウト部分」を「拡大と縮小」に変更し、画像中央が変化の基準点になるように、CSSで上下左右の中央指定をしました。
CSSの「#Ga1,#Ga2」に、この上下左右の中央指定が無いと、画像の左上が変化の基準点になってしまいます。
位置指定用の「#base」は、見本では左右の中央位置指定になっていますが、この位置指定は中央でなくても大丈夫です。お好みで指定して下さい。
上下左右の中央指定の参考は、バシャログ。から。