●2016/09/15：即時関数で囲んで、グローバル変数を消しました。
フェードが付かないJavaScriptはこちら → サムネイル８■同一画像自動スライドコメ付
上記のJavaScriptを改造しました。
フェードイン・フェードアウトで自動スライドショーが切り替わる、サムネイル付きのJavaScriptで、コメントも付いています。
改造元と同じように、サムネイル画像マウスオンで自動スライドショーが停止し、サムネイル画像マウスアウトで、サムネイル画像と同じ画像からスライドショーが再開します。
小さな
サムネイル画像も拡大画像も、同じ画像をサイズ指定を変えて使用しているので、あまり重い画像には向きません。
画像は同一サイズを使用して下さい。
拡大のスライド画像表示分と同じサムネイル画像に、赤い枠線と角丸が付きます。
この
赤い枠線と角丸は、CSSで指定します。「#Mbox img.act」の項目で指定します。
CSSでの指定なので、枠線の色を赤ではなく別の色に指定してもいいし、枠線ではなく透過度を変えたり角丸にしたり、複数指定も可能です。
原本は「http://www.fabulant.com」の「Slideshow with thumbnail gallery and zoom-effects（by Peter Gehrig）」で、簡単な機能のみを分離し、フェード部分を少し改造して作成しました。
原本サイトは現在（2016/09/02：現在）閉鎖済みです。
後日原本も紹介する予定です。
■2016/09/16：「z-index:1;」削除。サムネイルを拡大画像上に重ねて表示する場合に、消えないようにするため。
■2016/11/12：ブラウザIEで不具合分修正。