質問編集履歴
1
ｃｄｎとJSを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,10 +16,23 @@
|
|
|
16
16
|
### 該当のソースコード
|
|
17
17
|
|
|
18
18
|
```ここに言語名を入力（PHP）
|
|
19
|
+
<head>
|
|
20
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/luminous-lightbox/2.3.2/luminous.min.js"></script>
|
|
21
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/luminous-lightbox/2.3.2/luminous-basic.min.css">
|
|
22
|
+
（cdnコード）
|
|
23
|
+
</head>
|
|
19
24
|
<?php printf('<img class="i" img src="image/%s.png">', $ver);?>
|
|
20
25
|
この画像を表示させるphpコードに
|
|
21
26
|
<a class="zoom" href="上記の画像を読み込むコード"><?php printf('<img class="i" img src="image/%s.png">', $ver);?>（普通に画像を読み込むコード）
|
|
22
27
|
</a>
|
|
28
|
+
|
|
29
|
+
<script>
|
|
30
|
+
var luminousTrigger = document.querySelectorAll('.zoom');
|
|
31
|
+
if( luminousTrigger !== null ) {
|
|
32
|
+
new LuminousGallery(luminousTrigger);
|
|
33
|
+
}
|
|
34
|
+
</script>
|
|
35
|
+
|
|
23
36
|
```
|
|
24
37
|
|
|
25
38
|
参照サイト
|