My 野鳥図鑑：GET引数をJavaScriptで<img src="">に渡す方法に変更。URLSearchParams使用。GitHubにもコピー。

「My 野鳥図鑑」は、その後、画像ポップアップ方式を変更した。

※ 以下の記事は、画像ポップアップ方式を変更する前のもの。

---

以前、「My 野鳥図鑑」を作成した。

画像をクリックすると拡大画像が表示される。

この拡大画像を表示するページを、PHPが使えない環境でも動作できるように、PHP（.php）から、HTML（.html）に変更した。

https://ok2nd.github.io/birds/photo.php?photo=xxxxx.jpg

↓↓↓↓↓

https://ok2nd.github.io/birds/photo.html?photo=xxxxx.jpg

URLのGET引数（photo=）をJavaScriptで<img src="">に反映させる方法に変更。

【PHP版（photo.php）】

<img id="photo" src="<?= $_GET['photo']; ?>">

【JavaScript版（photo.html）】

<script>
document.getElementById('photo').src = new URLSearchParams(window.location.search).get('photo');
</script>
<img id="photo" src="">

「My 野鳥図鑑」をPHPが使えないGitHubにもコピーした。

---

---