回答編集履歴

2

typo修正

2017/06/30 07:43

投稿

kunai
kunai

スコア5405

test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  width:300px;
24
24
 
25
- height:auto%;
25
+ height:auto;
26
26
 
27
27
  }
28
28
 
@@ -40,13 +40,9 @@
40
40
 
41
41
  $(this).css("width", "100%");
42
42
 
43
- $(this).css("height", "100%");
44
-
45
43
  } else {
46
44
 
47
45
  $(this).css("width", "300px");
48
-
49
- $(this).css("height", "auto");
50
46
 
51
47
  }
52
48
 

1

ソースコードに合わせて説明文を編集

2017/06/30 07:43

投稿

kunai
kunai

スコア5405

test CHANGED
@@ -1,6 +1,6 @@
1
1
  1.拡大時に表示したいサイズの画像を<img src="bigimg.jpg" id="StretchImg">とかで表示する
2
2
 
3
- 2.その画像サイズをCSSで、最初は縮小表示させる```#StretchImg { width: 50%; height:50% }```
3
+ 2.その画像サイズをCSSで、最初は縮小表示させる```#StretchImg { width: 300px; height:auto }```
4
4
 
5
5
  3.onClickでその画像のCSSを変更し、100%表示させる```$("#StretchImg").click・・・```
6
6