More than 1 year has passed since last update.

LightBox 画像ポップアップ表示

HTML

Posted at 2022-03-18

<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
</head>

上記をhead内最下部に挿入。

<a href="拡大表示される画像" data-lightbox="任意の名前" data-title="画像のタイトル">
<img src="通常表示される画像" alt="" /></a>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up