質問編集履歴

12

誤字

2018/03/02 06:53

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 画像scrの取得がズレる(javascript)
1
+ 表示中の画像src取得したい(javascript)
test CHANGED
File without changes

11

誤字ら

2018/03/02 06:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,6 +4,10 @@
4
4
 
5
5
 
6
6
 
7
+ その画像srcをラジオボタンのvalueに挿入しているのですけれど、どうしても画像srcが取得できません。
8
+
9
+
10
+
7
11
  ###【試しているコード】
8
12
 
9
13
  下記コード8行目```var src = $(this).parent().find('.slide img').attr('src');```を試してみました。

10

内容の簡略化

2018/03/02 06:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,64 +1,36 @@
1
- ###【問題
1
+ ###【目的
2
-
2
+
3
- スライダーの画像srcを取得する方法つまずいています。(>_<)
3
+ ボタンクリック時に、スライダーで表示中の画像srcを取得したいです。(>_<)
4
+
5
+
6
+
4
-
7
+ ###【試しているコード】
5
-
6
-
8
+
7
- 下記コード14行目```var src = $('.linkimg img').attr('src');```が正くないようで、画像srcが取得できないのです
9
+ 下記コード8行目```var src = $(this).parent().find('.slide img').attr('src');```を試てみました
8
-
9
-
10
-
11
- ###【現状】
10
+
12
-
13
- 改めて現状の機能ですが、
11
+
14
-
15
-
16
-
17
- > ➀ スライダーの画像を「複製ボタン」で複製し、
12
+
18
-
19
-
20
-
21
- > ➁ 複製画像srcを取得し、
22
-
23
-
24
-
25
- > ➂ ラジオボタンのvalueに挿入する。
26
-
27
-
28
-
29
- という機能になっています。
30
-
31
-
32
-
33
- しかし、上述した**【問題】**のせいで、➁複製画像srcを取得できないのです。
34
-
35
-
36
-
37
- 具体的には、
38
-
39
-
40
-
41
- **複製画像srcでなく、スライダー1枚目の画像srcが取得されてしまうのです。**
13
+ しかし、表示中の画像srcでなく、スライダー1枚目の画像srcが取得されてしまいます。
42
-
43
-
44
-
14
+
15
+
16
+
45
- 下記に、実際の動作、イメージ図、コードを貼っておきます。
17
+ 現状の動作、図、コードを貼っておきますので、ご確認頂ければ幸いです
46
-
47
-
48
-
18
+
19
+
20
+
49
- 実際の動作↓
21
+ 現状の動作↓
50
-
22
+
51
- [https://jsfiddle.net/3pe0j501/3/](https://jsfiddle.net/3pe0j501/3/)
23
+ [https://jsfiddle.net/3pe0j501/27/](https://jsfiddle.net/3pe0j501/27/)
52
-
53
-
54
-
24
+
25
+
26
+
55
- イメージ図↓
27
+ 現状の図↓
56
-
28
+
57
- ![イメージ説明](94423060cb9db8a4803b83416de581d7.jpeg)
29
+ ![イメージ説明](044becb8354ddcb47be6d5b3341c2f93.jpeg)
58
-
59
-
60
-
30
+
31
+
32
+
61
- のコード↓
33
+ 現状のコード↓
62
34
 
63
35
  ```html
64
36
 
@@ -88,7 +60,7 @@
88
60
 
89
61
  </div>
90
62
 
91
- <div class="btn">複製ボタン</div>
63
+ <div class="btn">ボタン</div>
92
64
 
93
65
  </section>
94
66
 
@@ -118,7 +90,7 @@
118
90
 
119
91
  </div>
120
92
 
121
- <div class="btn">複製ボタン</div>
93
+ <div class="btn">ボタン</div>
122
94
 
123
95
  </section>
124
96
 
@@ -126,21 +98,11 @@
126
98
 
127
99
 
128
100
 
129
- <!-- 【複製画像】 -->
130
-
131
- <p class="func">▼複製画像</p>
132
-
133
- <div class="linkimg"></div>
134
-
135
-
136
-
137
101
  <!-- 【ラジオvalue連動】 -->
138
102
 
139
- <p class="ques">▼valueを複製画像ファイル名にしたい</p>
103
+ <p class="ques">▼valueを表示中の画像ファイル名にしたい</p>
140
-
104
+
141
- <input class='abc' type=radio value='複製ボタンクリック前' checked><span>value=</span><span id="output"></span>
105
+ <input class='abc' type=radio value='ボタンクリック前' checked><span>value=</span><span id="output"></span>
142
-
143
-
144
106
 
145
107
  ```
146
108
 
@@ -158,23 +120,15 @@
158
120
 
159
121
  $(".btn").click(function(){
160
122
 
161
-
162
-
163
- //画像連動機能
123
+
164
-
165
- var cloneObject = $(this).parent().find(".slider").clone();
124
+
166
-
167
- console.log(cloneObject[0]);
168
-
169
- $(".linkimg").html("")
170
-
171
- cloneObject.appendTo($(".linkimg"));
172
-
173
-
174
-
175
- //src変更機能
125
+ // 表示中の画像srcを取得したいのに、最初の画像srcしか取得できない
176
-
126
+
177
- var src = $('.linkimg img').attr('src');
127
+ var src = $(this).parent().find('.slide img').attr('src');
128
+
129
+
130
+
131
+ // 取得したsrcをvalueに挿入
178
132
 
179
133
  var splittedUrl = src.split('/')
180
134
 
@@ -192,6 +146,8 @@
192
146
 
193
147
 
194
148
 
149
+
150
+
195
151
  ////検証のためのvalue表示
196
152
 
197
153
  var target = document.getElementsByClassName("abc")[0];
@@ -200,12 +156,14 @@
200
156
 
201
157
  setInterval(function(){
202
158
 
203
- output.innerHTML = target.value;
159
+ output.innerHTML = target.value;
204
160
 
205
161
  },10);
206
162
 
207
163
 
208
164
 
165
+
166
+
209
167
  ////スライダー機能
210
168
 
211
169
  (function(){
@@ -314,9 +272,9 @@
314
272
 
315
273
  ```css
316
274
 
275
+ /*スライダーのCSS*/
276
+
317
- .slide,
277
+ .slide {
318
-
319
- .linkimg {
320
278
 
321
279
  width: 100px;
322
280
 
@@ -326,6 +284,58 @@
326
284
 
327
285
  }
328
286
 
287
+ img {
288
+
289
+ width: 100px;
290
+
291
+ height: 50px;
292
+
293
+ }
294
+
295
+ .slideSet > div {
296
+
297
+ width: 100px;
298
+
299
+ height: 50px;
300
+
301
+ box-sizing: border-box;
302
+
303
+ }
304
+
305
+
306
+
307
+ .slide {
308
+
309
+ float: left;
310
+
311
+ }
312
+
313
+
314
+
315
+ .slideSet {
316
+
317
+ position: absolute;
318
+
319
+ }
320
+
321
+
322
+
323
+ .slider {
324
+
325
+ width: 100px;
326
+
327
+ height: 50px;
328
+
329
+ overflow: hidden;
330
+
331
+ position: relative;
332
+
333
+ }
334
+
335
+
336
+
337
+ /*装飾のCSS*/
338
+
329
339
  #AB {
330
340
 
331
341
  display: flex;
@@ -338,22 +348,12 @@
338
348
 
339
349
  }
340
350
 
341
- img {
351
+ .btn {
352
+
353
+ background: #0a7cff;
342
354
 
343
355
  width: 100px;
344
356
 
345
- height: 50px;
346
-
347
- background: #65beff;
348
-
349
- }
350
-
351
- .btn {
352
-
353
- background: #0a7cff;
354
-
355
- width: 100px;
356
-
357
357
  border-radius: 10px;
358
358
 
359
359
  color: #FFF;
@@ -368,63 +368,21 @@
368
368
 
369
369
  }
370
370
 
371
+ .ques {
372
+
373
+ background: #FF6565;
374
+
375
+ padding: 5px;
376
+
377
+ }
378
+
371
379
  .func {
372
380
 
373
381
  background: #ddd;
374
382
 
375
383
  padding: 5px;
376
384
 
377
- }
385
+ }
378
-
379
- .ques {
380
-
381
- background: #FF6565;
382
-
383
- padding: 5px;
384
-
385
- }
386
-
387
-
388
-
389
- .slideSet > div {
390
-
391
- width: 100px;
392
-
393
- height: 50px;
394
-
395
- box-sizing: border-box;
396
-
397
- }
398
-
399
-
400
-
401
- .slide {
402
-
403
- float: left;
404
-
405
- }
406
-
407
-
408
-
409
- .slideSet {
410
-
411
- position: absolute;
412
-
413
- }
414
-
415
-
416
-
417
- .slider {
418
-
419
- width: 100px;
420
-
421
- height: 50px;
422
-
423
- overflow: hidden;
424
-
425
- position: relative;
426
-
427
- }
428
386
 
429
387
  ```
430
388
 
@@ -434,10 +392,4 @@
434
392
 
435
393
  長くなってしまってスミマセン。
436
394
 
437
-
438
-
439
- 先述しましたが、原因は上記コード14行目```var src = $('.linkimg img').attr('src');```にあるようなので、ここをうまく修正して正しいsrcを取得したいです。
440
-
441
-
442
-
443
395
  どうぞよろしくお願いいたします。m(_ _)m

9

誤字

2018/03/02 06:51

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 画像scrの取得がズレてしまう(javascript)
1
+ 画像scrの取得がズレ(javascript)
test CHANGED
File without changes

8

誤字修正

2018/03/02 04:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
 
6
6
 
7
- 下記コード14行目```var src = $('.linkimg img').attr('src');```が正しくないために、画像srcが取得できないのです。
7
+ 下記コード14行目```var src = $('.linkimg img').attr('src');```が正しくないようで、画像srcが取得できないのです。
8
8
 
9
9
 
10
10
 
@@ -38,7 +38,7 @@
38
38
 
39
39
 
40
40
 
41
- **複製画像srcでなく、スライダー1枚目にある画像srcが取得されてしまうのです。**
41
+ **複製画像srcでなく、スライダー1枚目画像srcが取得されてしまうのです。**
42
42
 
43
43
 
44
44
 

7

内容の簡略化

2018/03/02 01:14

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,38 +1,28 @@
1
+ ###【問題】
2
+
1
3
  スライダーの画像srcを取得する方法でつまずいています。(>_<)
2
4
 
3
5
 
4
6
 
5
- ###■目的と問題、対処すべき場所
6
-
7
- **【目的】**
8
-
9
- 複数枚のスライダーのうち、**表示中の画像src**を取得したい。
10
-
11
-
12
-
13
- **【問題】**
14
-
15
- **表示中の画像srcでなく、1枚目の画像srcが取得されてしまう。**
16
-
17
-
18
-
19
- **【対処すべき場所】**
20
-
21
- 下記コード14行目```var src = $('.linkimg img').attr('src');```が原因です。どうやらここでsrcが取得できていない様子
7
+ 下記コード14行目```var src = $('.linkimg img').attr('src');```が正しくないために、画像srcが取得できないのです
22
-
23
-
24
-
8
+
9
+
10
+
25
- ###現状
11
+ ###現状
26
12
 
27
13
  改めて現状の機能ですが、
28
14
 
29
15
 
30
16
 
31
- > スライダーで表示中の画像を「複製ボタン」で複製し、
17
+ > スライダーの画像を「複製ボタン」で複製し、
18
+
19
+
20
+
32
-
21
+ > ➁ 複製画像srcを取得し、
33
-
34
-
22
+
23
+
24
+
35
- > 複製画像srcを、ラジオボタンのvalueに挿入する。
25
+ > ラジオボタンのvalueに挿入する。
36
26
 
37
27
 
38
28
 
@@ -40,11 +30,15 @@
40
30
 
41
31
 
42
32
 
43
- しかし、上述した**【問題】**のせいで、valueに正しい値が挿入できないのです。すなわち、
33
+ しかし、上述した**【問題】**のせいで、➁複製画像srcを取得できないのです。
34
+
35
+
36
+
44
-
37
+ 具体的には、
45
-
46
-
38
+
39
+
40
+
47
- **表示中の画像srcでなく、1枚目画像srcが取得されてしまう**せいで、「画像neko2」を複製しても、「画像neko1」valueが挿入されてしまう。ということです。
41
+ **複製画像srcでなく、スライダーの1枚目にある画像srcが取得されてしまうのです。**
48
42
 
49
43
 
50
44
 

6

誤字にゃん

2018/03/01 23:57

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
 
34
34
 
35
- > その複製された画像srcをラジオボタンのvalueに挿入する。
35
+ > 複製画像srcをラジオボタンのvalueに挿入する。
36
36
 
37
37
 
38
38
 
@@ -40,11 +40,11 @@
40
40
 
41
41
 
42
42
 
43
- しかし、上述した**【問題】**のせいで、value正しい値が挿入できないのです。
43
+ しかし、上述した**【問題】**のせいで、value正しい値が挿入できないのです。すなわち、
44
-
45
-
46
-
44
+
45
+
46
+
47
- **表示中の画像srcでなく、1枚目の画像srcが取得されてしまう**せいで、neko2を複製してもneko1のvalueが挿入されてしまう。
47
+ **表示中の画像srcでなく、1枚目の画像srcが取得されてしまう**せいで、「画像neko2を複製しても、「画像neko1のvalueが挿入されてしまう。ということです。
48
48
 
49
49
 
50
50
 
@@ -440,4 +440,10 @@
440
440
 
441
441
  長くなってしまってスミマセン。
442
442
 
443
+
444
+
445
+ 先述しましたが、原因は上記コード14行目```var src = $('.linkimg img').attr('src');```にあるようなので、ここをうまく修正して正しいsrcを取得したいです。
446
+
447
+
448
+
443
- よろしくお願いいたします。m(_ _)m
449
+ どうぞよろしくお願いいたします。m(_ _)m

5

画像の追加

2018/03/01 22:53

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 画像scr取得する方法(javascript)
1
+ 画像scr取得がズレてしまう(javascript)
test CHANGED
@@ -1,28 +1,38 @@
1
- スライダー画像srcを取得する方法でつまずした
1
+ スライダー画像srcを取得する方法でつまずいてい(>_<)
2
-
3
-
4
-
2
+
3
+
4
+
5
- ###■目的と問題
5
+ ###■目的と問題、対処すべき場所
6
+
6
-
7
+ **【目的】**
8
+
7
- 目的:複数枚のスライダーのうち、**表示中の画像src**を取得したい。
9
+ 複数枚のスライダーのうち、**表示中の画像src**を取得したい。
10
+
11
+
12
+
8
-
13
+ **【問題】**
9
-
10
-
14
+
11
- 問題:**表示中の画像情報でなく、1枚目の画像srcが取得されてしまう。**
15
+ **表示中の画像srcでなく、1枚目の画像srcが取得されてしまう。**
16
+
17
+
18
+
19
+ **【対処すべき場所】**
20
+
21
+ 下記コード14行目```var src = $('.linkimg img').attr('src');```が原因です。どうやらここでsrcが取得できていない様子。
12
22
 
13
23
 
14
24
 
15
25
  ###■現状
16
26
 
17
- 現状の機能ですが、
27
+ 改めて現状の機能ですが、
18
-
19
-
20
-
28
+
29
+
30
+
21
- スライダーで表示中の画像を「複製ボタン」で複製し、
31
+ > スライダーで表示中の画像を「複製ボタン」で複製し、
22
-
23
-
24
-
32
+
33
+
34
+
25
- その複製された画像のsrcをラジオボタンのvalueに挿入する。
35
+ > その複製された画像のsrcをラジオボタンのvalueに挿入する。
26
36
 
27
37
 
28
38
 
@@ -30,34 +40,56 @@
30
40
 
31
41
 
32
42
 
43
+ しかし、上述した**【問題】**のせいで、valueが正しい値が挿入できないのです。
44
+
45
+
46
+
33
- しかし、上述した問題(**表示中の画像情報でなく、1枚目の画像srcが取得されてしまう**)が発生してるためにvalueが常に「neko1」という1枚目画像になってしまうのです
47
+ (**表示中の画像srcでなく、1枚目の画像srcが取得されてしまう**neko2を複製してもneko1のvalueが挿入されてしまう。
48
+
49
+
50
+
34
-
51
+ 下記に、実際の動作、イメージ図、コードを貼っておきます。
35
-
36
-
52
+
53
+
54
+
37
- 実際の動作↓
55
+ 実際の動作↓
38
-
56
+
39
- [https://jsfiddle.net/ztyewrLq/1/](https://jsfiddle.net/ztyewrLq/1/)
57
+ [https://jsfiddle.net/3pe0j501/3/](https://jsfiddle.net/3pe0j501/3/)
58
+
59
+
60
+
40
-
61
+ ■イメージ図↓
62
+
41
-
63
+ ![イメージ説明](94423060cb9db8a4803b83416de581d7.jpeg)
42
-
64
+
65
+
66
+
43
- そのコード↓
67
+ そのコード↓
44
68
 
45
69
  ```html
46
70
 
47
71
  <!-- 【スライダー】 -->
48
72
 
73
+ <p class="func">▼画像スライダー</p>
74
+
49
- ▼画像スライダー<br>
75
+ <section id="AB">
50
76
 
51
77
  <section id="A">
52
78
 
53
79
  <div class="slider">
54
80
 
55
- <div class="slideSet">
81
+ <div class="slideSet">
82
+
83
+
56
84
 
57
85
  <div class="slide">neko1<img src="http://example.com/wp-content/themes/theme-child/images/neko1.jpg" class="img"></div>
58
86
 
87
+
88
+
59
89
  <div class="slide">neko2<img src="http://example.com/wp-content/themes/theme-child/images/neko2.jpg" class="img"></div>
60
90
 
91
+
92
+
61
93
  </div>
62
94
 
63
95
  </div>
@@ -68,27 +100,53 @@
68
100
 
69
101
 
70
102
 
103
+ <section id="B">
104
+
105
+ <div class="slider">
106
+
107
+ <div class="slideSet">
108
+
109
+
110
+
111
+ <div class="slide">inu1<img src="http://example.com/wp-content/themes/theme-child/images/inu1.jpg" class="img"></div>
112
+
113
+
114
+
115
+ <div class="slide">inu2<img src="http://example.com/wp-content/themes/theme-child/images/inu2.jpg" class="img"></div>
116
+
117
+
118
+
119
+ <div class="slide">inu3<img src="http://example.com/wp-content/themes/theme-child/images/inu3.jpg" class="img"></div>
120
+
121
+
122
+
123
+ </div>
124
+
125
+ </div>
126
+
127
+ <div class="btn">複製ボタン</div>
128
+
129
+ </section>
130
+
131
+ </section>
132
+
133
+
134
+
71
135
  <!-- 【複製画像】 -->
72
136
 
73
- ▼画像を複製<br>
137
+ <p class="func">複製画像</p>
74
138
 
75
139
  <div class="linkimg"></div>
76
140
 
77
141
 
78
142
 
79
- <hr>
80
-
81
-
82
-
83
143
  <!-- 【ラジオvalue連動】 -->
84
144
 
85
- ▼問題の場所<br>
86
-
87
- <input class='abc' type=radio value='xxx' checked>
88
-
89
- <p>目的:ラジオボタンのvalueを、「複製ボタンを押したときに表示されていた画像(複製された画像)」のファイル名へと変更したい。</p>
90
-
91
- <p>問題:neko2の画像を複製した場合でも、valueはneko1なってまう。</p>
145
+ <p class="ques">valueを複製画像のファイル名にしたい</p>
146
+
147
+ <input class='abc' type=radio value='複製ボタンクリック前' checked><span>value=</span><span id="output"></span>
148
+
149
+
92
150
 
93
151
  ```
94
152
 
@@ -96,7 +154,7 @@
96
154
 
97
155
  ```javascript
98
156
 
99
- //ボタンクリックしたときの機能
157
+ ////ボタンクリックしたときの機能
100
158
 
101
159
  (function($){
102
160
 
@@ -140,11 +198,21 @@
140
198
 
141
199
 
142
200
 
143
-
201
+ ////検証のためのvalue表示
202
+
144
-
203
+ var target = document.getElementsByClassName("abc")[0];
204
+
145
-
205
+ var output = document.getElementById("output");
206
+
146
-
207
+ setInterval(function(){
208
+
209
+ output.innerHTML = target.value;
210
+
211
+ },10);
212
+
213
+
214
+
147
- //スライダー機能
215
+ ////スライダー機能
148
216
 
149
217
  (function(){
150
218
 
@@ -250,6 +318,122 @@
250
318
 
251
319
  ```
252
320
 
321
+ ```css
322
+
323
+ .slide,
324
+
325
+ .linkimg {
326
+
327
+ width: 100px;
328
+
329
+ height: 50px;
330
+
331
+ border: 1px solid #888;
332
+
333
+ }
334
+
335
+ #AB {
336
+
337
+ display: flex;
338
+
339
+ }
340
+
341
+ #A, #B {
342
+
343
+ margin: 0 20px 0 0px;
344
+
345
+ }
346
+
347
+ img {
348
+
349
+ width: 100px;
350
+
351
+ height: 50px;
352
+
353
+ background: #65beff;
354
+
355
+ }
356
+
357
+ .btn {
358
+
359
+ background: #0a7cff;
360
+
361
+ width: 100px;
362
+
363
+ border-radius: 10px;
364
+
365
+ color: #FFF;
366
+
367
+ font-weight: bold;
368
+
369
+ text-align: center;
370
+
371
+ margin: 10px 0 0px 0;
372
+
373
+ cursor: pointer;
374
+
375
+ }
376
+
377
+ .func {
378
+
379
+ background: #ddd;
380
+
381
+ padding: 5px;
382
+
383
+ }
384
+
385
+ .ques {
386
+
387
+ background: #FF6565;
388
+
389
+ padding: 5px;
390
+
391
+ }
392
+
393
+
394
+
395
+ .slideSet > div {
396
+
397
+ width: 100px;
398
+
399
+ height: 50px;
400
+
401
+ box-sizing: border-box;
402
+
403
+ }
404
+
405
+
406
+
407
+ .slide {
408
+
409
+ float: left;
410
+
411
+ }
412
+
413
+
414
+
415
+ .slideSet {
416
+
417
+ position: absolute;
418
+
419
+ }
420
+
421
+
422
+
423
+ .slider {
424
+
425
+ width: 100px;
426
+
427
+ height: 50px;
428
+
429
+ overflow: hidden;
430
+
431
+ position: relative;
432
+
433
+ }
434
+
435
+ ```
436
+
253
437
 
254
438
 
255
439
  以上です。

4

誤字っぴ

2018/03/01 22:49

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 画像のscrを取得するjavascript
1
+ 画像のscrを取得する方法(javascript
test CHANGED
File without changes

3

タイトル変更

2018/03/01 13:33

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- スライダーの画像情報を取得する方法
1
+ 画像のscrを取得するjavascript
test CHANGED
@@ -1,14 +1,14 @@
1
- スライダー画像情報を取得する方法で躓いてい
1
+ スライダー画像のsrcを取得する方法でずきました
2
2
 
3
3
 
4
4
 
5
5
  ###■目的と問題
6
6
 
7
- 目的:複数枚のスライダーのうち、**表示中の画像情報**を取得したい。
7
+ 目的:複数枚のスライダーのうち、**表示中の画像のsrc**を取得したい。
8
-
9
-
10
-
8
+
9
+
10
+
11
- 問題:**表示中の画像情報でなく、1枚目の画像情報が取得されてしまう。**
11
+ 問題:**表示中の画像情報でなく、1枚目の画像のsrcが取得されてしまう。**
12
12
 
13
13
 
14
14
 
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- その複製された画像情報をラジオボタンのvalueに挿入する。
25
+ その複製された画像のsrcをラジオボタンのvalueに挿入する。
26
26
 
27
27
 
28
28
 
@@ -30,7 +30,7 @@
30
30
 
31
31
 
32
32
 
33
- そこで挿入するvalueについて、上述した問題(**表示中の画像情報でなく、1枚目の画像情報が取得されてしまう。**)が発生しているために、valueが常に「neko1」になってしまうのです。
33
+ しかし、上述した問題(**表示中の画像情報でなく、1枚目の画像のsrcが取得されてしまう。**)が発生しているために、valueが常に「neko1」という1枚目の画像になってしまうのです。
34
34
 
35
35
 
36
36
 

2

「2枚のスライダー」を「複数枚のスライダー」に変更

2018/03/01 09:00

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ###■目的と問題
6
6
 
7
- 目的:枚のスライダーのうち、**表示中の画像情報**を取得したい。
7
+ 目的:複数枚のスライダーのうち、**表示中の画像情報**を取得したい。
8
8
 
9
9
 
10
10
 

1

誤字

2018/03/01 04:52

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,11 +4,11 @@
4
4
 
5
5
  ###■目的と問題
6
6
 
7
- 目的:2枚のスライダーのうち、**表示中の画像情報**を取得したいです
7
+ 目的:2枚のスライダーのうち、**表示中の画像情報**を取得したい。
8
-
9
-
10
-
8
+
9
+
10
+
11
- 問題:**表示中の画像でなく、1枚目の画像情報**が取得されてしまいます
11
+ 問題:**表示中の画像情報でなく、1枚目の画像情報が取得されてしま**
12
12
 
13
13
 
14
14
 
@@ -30,7 +30,7 @@
30
30
 
31
31
 
32
32
 
33
- そこで挿入するvalueについて、上述したような問題(表示中の画像でなく、1枚目の画像情報が取得されてしまう問題)が発生しているために、valueが常に「neko1」になってしまうのです。
33
+ そこで挿入するvalueについて、上述した問題(**表示中の画像情報でなく、1枚目の画像情報が取得されてしまう。**)が発生しているために、valueが常に「neko1」になってしまうのです。
34
34
 
35
35
 
36
36