サムネイル2■同一画像スライド・コメ付    最終修正日 : 2016/08/28

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

遠くを見つめる猫
●2016/08/27:即時関数で囲んで、グローバル変数を消しました。

コメントの付いてないJavaScriptはこちら → サムネイル1■同一画像スライド

上記のJavaScriptを改造しました。
コメントの付いたサムネイルのスライドです。
改造元と同じく、クリックか、マウスオーバーかは、JavaScriptのソースの中で選択して下さい。
そして同じく、小さなサムネイル画像も拡大画像も、同じ画像をサイズ指定を変えて使用しているので、あまり重い画像には向きません。

画像やコメントの配置用に「#waku」を指定してますが、この「#waku」はJavaScriptとは無関係なので、削除してもかまいません。
改造元のように、「#Mini」「#Big」「#Me」を並べるだけでもいいし、「#waku」の代わりに「テーブル(table)」等を利用してもいいです。

即時関数のonclickの記述方法は、Qiitaを参考にしました。

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

■2016/08/27:画像指定のmyurlもれを修正。
■2016/08/28:a(b)をa()へ修正。