サムネイル1■同一画像スライド    最終修正日 : 2016/08/28

下に並んだサムネイル(小さな画像)をクリックすると拡大画像が変化します。選択を「0」にしてマウスオーバーにすることもできます。

●2016/08/26:即時関数で囲んで、グローバル変数を消しました。
とてもシンプルなサムネイルのスライドショーです。
小さなサムネイル画像をクリック、またはマウスオーバーすることで、拡大画像を変更できます。
クリックか、マウスオーバーかは、JavaScriptのソースの中で選択して下さい。
このJavaScriptは、小さなサムネイル画像も拡大画像も、同じ画像をサイズ指定を変えて使用しているので、あまり重い画像には向きません。
画像の装飾はCSSで、自分の好みで自由に変更可能です。

サムネイルを利用したスライドショーは、即時関数に修正することがとても難しいです。
img画像に「onclick="a(this.src)"」「onmouseover="a(this.src)"」等を入れることができません。
今回はQiitaを参考に作成しました。

フェードが付いて、マウスオーバーのみのJavaScriptはこちら → サムネイル1F■フェード同一画像スライド

■2016/08/27:画像指定のmyurlもれを修正。
■2016/08/28:同一画像でコメント等無しならthis.src使用でさらに簡略化。