質問編集履歴
1
ご指摘のありました、内容を反映させました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -21,6 +21,8 @@
|
|
|
21
21
|
画像がうまく切り替わりません。
|
|
22
22
|
|
|
23
23
|
|
|
24
|
+
|
|
25
|
+
■HTML
|
|
24
26
|
|
|
25
27
|
```
|
|
26
28
|
|
|
@@ -70,9 +72,13 @@
|
|
|
70
72
|
|
|
71
73
|
</figure>
|
|
72
74
|
|
|
75
|
+
```
|
|
73
76
|
|
|
74
77
|
|
|
78
|
+
|
|
75
|
-
■
|
|
79
|
+
■JS
|
|
80
|
+
|
|
81
|
+
```
|
|
76
82
|
|
|
77
83
|
<script>
|
|
78
84
|
|
|
@@ -116,6 +122,54 @@
|
|
|
116
122
|
|
|
117
123
|
```
|
|
118
124
|
|
|
125
|
+
■css
|
|
126
|
+
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
.item_img .ac_img {
|
|
130
|
+
|
|
131
|
+
display: block;
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
.icon_switch span {
|
|
138
|
+
|
|
139
|
+
position: relative;
|
|
140
|
+
|
|
141
|
+
display: block;
|
|
142
|
+
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
.icon_switch figure span::after {
|
|
148
|
+
|
|
149
|
+
content: '';
|
|
150
|
+
|
|
151
|
+
display: inline-block;
|
|
152
|
+
|
|
153
|
+
width: calc( 70 / 340 * 100% );
|
|
154
|
+
|
|
155
|
+
padding-bottom: calc( 70 / 340 * 100% );
|
|
156
|
+
|
|
157
|
+
background-image: url(../img/ico_hads.png);
|
|
158
|
+
|
|
159
|
+
background-size: contain;
|
|
160
|
+
|
|
161
|
+
vertical-align: middle;
|
|
162
|
+
|
|
163
|
+
position: absolute;
|
|
164
|
+
|
|
165
|
+
bottom: 0;
|
|
166
|
+
|
|
167
|
+
right: 0;
|
|
168
|
+
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
```
|
|
172
|
+
|
|
119
173
|
原因は、最初にクリックした商品画像以外の商品画像をクリックしたときに
|
|
120
174
|
|
|
121
175
|
countの値が0にならないせいだと思いますが、
|