質問編集履歴
2
説明の修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
プラグインなしで画像拡大
|
1
|
+
プラグインなしでポップアップで画像拡大
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
画像は複数あり、クリックするとその画像が中央で
|
5
|
+
**画像は複数あり、クリックするとその画像が中央でポップアップし、拡大時は背景が暗く、画面のどこかをクリックすると元に戻るようにしたいです。**
|
6
6
|
|
7
7
|
自分で調べてはみたのですがクラスやidの付け方がよくわからないので思い通りに動きませんでした。
|
8
8
|
|
1
コードの追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,3 +7,37 @@
|
|
7
7
|
自分で調べてはみたのですがクラスやidの付け方がよくわからないので思い通りに動きませんでした。
|
8
8
|
|
9
9
|
どうかご教授ください。
|
10
|
+
|
11
|
+
```ここに言語を入力
|
12
|
+
|
13
|
+
<?php
|
14
|
+
|
15
|
+
for ( $i=1;$i<16;$i++ ) {
|
16
|
+
|
17
|
+
$name="images/object_".$i.".jpg";
|
18
|
+
|
19
|
+
echo"<img src='$name' class='gazou' id='preview-$i' width='20%'>";
|
20
|
+
|
21
|
+
}
|
22
|
+
|
23
|
+
?>
|
24
|
+
|
25
|
+
```
|
26
|
+
|
27
|
+
```ここに言語を入力
|
28
|
+
|
29
|
+
$(function() {
|
30
|
+
|
31
|
+
$(".gazou").click(function(){
|
32
|
+
|
33
|
+
var name=$(this).attr("#preview-$i");
|
34
|
+
|
35
|
+
$("name").css("width","50%");
|
36
|
+
|
37
|
+
$("name").css("height","50%");
|
38
|
+
|
39
|
+
});
|
40
|
+
|
41
|
+
});
|
42
|
+
|
43
|
+
```
|