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