jQuery/ImageSwitcher をテンプレートにして作成

開始行:
* ImageSwicher 画像の切り替えサンプル｜jQuery Version ~ -DEMO：https://koichi-inoue.github.io/JQ_ImageSwitcher/ -CODE：https://github.com/koichi-inoue/JQ_ImageSwitcher ~ ***サンプルのディレクトリ構成 -index.html -style.css -script.js -jquery-3.6.0.min.js　　←　&scale(80){__[[jQuery]]__をご... -images --PIC_01.jpg --PIC_02.jpg --： --PIC_05.jpg ~ ***HTML 付記 -画像素材の増減に応じて #selector 部分のリスト項目を増減... ~ ***JavaScript 付記 -はじめに、配列変数 fileName に画像素材のファイル名（フル... -変数 current は、現在 #picture 部分に表示されている画像... -クラス .select-button（この例では全５要素）それぞれ（eac... --current に i を代入する --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します -ID #prevButton にイベントリスナーを登録します。これがク... --current の数字を一つ減らします。 そのタイミングで、数字が 0 未満になった場合は、最大の番号... --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します -ID #nextButton にイベントリスナーを登録します。これがク... --current の数字を一つ増やします。 そのタイミングで、数字が 最大値（この場合は５）になったら... --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します ~ ~ **APPENDIX 同じ内容のものを ネイティブ JavaScript で記述したバージョ... ＞ [[JavaScript/ImageSwitcher]] ~ ~

終了行:
* ImageSwicher 画像の切り替えサンプル｜jQuery Version ~ -DEMO：https://koichi-inoue.github.io/JQ_ImageSwitcher/ -CODE：https://github.com/koichi-inoue/JQ_ImageSwitcher ~ ***サンプルのディレクトリ構成 -index.html -style.css -script.js -jquery-3.6.0.min.js　　←　&scale(80){__[[jQuery]]__をご... -images --PIC_01.jpg --PIC_02.jpg --： --PIC_05.jpg ~ ***HTML 付記 -画像素材の増減に応じて #selector 部分のリスト項目を増減... ~ ***JavaScript 付記 -はじめに、配列変数 fileName に画像素材のファイル名（フル... -変数 current は、現在 #picture 部分に表示されている画像... -クラス .select-button（この例では全５要素）それぞれ（eac... --current に i を代入する --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します -ID #prevButton にイベントリスナーを登録します。これがク... --current の数字を一つ減らします。 そのタイミングで、数字が 0 未満になった場合は、最大の番号... --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します -ID #nextButton にイベントリスナーを登録します。これがク... --current の数字を一つ増やします。 そのタイミングで、数字が 最大値（この場合は５）になったら... --#picture（img要素）の src に fileName[current] を割り当... --#caption の html として fileName[current] を記載します ~ ~ **APPENDIX 同じ内容のものを ネイティブ JavaScript で記述したバージョ... ＞ [[JavaScript/ImageSwitcher]] ~ ~

ページ名: