test.htm

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8 />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Anypage</title>
<style>img {cursor:pointer} #files div:hover::before {content:"\25cc";position:absolute;left:12px;pointer-events:none}</style>
<script defer src="motionphoto.js"></script>
</head>

<body>
<div id='files'>
<div><img src='https://upload.wikimedia.org/wikipedia/commons/e/e4/MVIMG_20180211_141455.jpg' alt='MVIMG' width=192><a href='https://upload.wikimedia.org/wikipedia/commons/e/e4/MVIMG_20180211_141455.jpg'>MVIMG_20180211_141455.jpg</a></div>
<div><img src='https://raw.githubusercontent.com/dj0001/pwa/gh-pages/test/PXL_20230526_102639313.MP.jpg' alt='㏄' width=192><a href='https://upload.wikimedia.org/wikipedia/commons/6/67/MVIMG_20180602_202356.jpg'>MVIMG_20180602_202356.jpg</a></div>
</div>
</body>
</html>