lightboxを使うと簡単にポップアップ表示できます。
まず、lightboxのサイトでファイルをダウンロードします。
参考にした記事
ファイルを解凍してファイルのdistファイル内のcssとjsの中身を
index.html用のcssファイルとjsファイルに移します。
index.html
<head>内に読み込む
<link rel="stylesheet" href="css/lightbox.min.css">
index.html
</body>前に読み込む
<script src="js/lightbox.min.js"></script>
最後にポップアップ画像のコードを書きます。
index.html
<a href="https://haniwaman.com/cms/wp-content/uploads/2018/02/cat.jpg"
data-lightbox="demo">画像文字を書き込む</a>
参考にした記事