●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()へ修正。