質問編集履歴
3
コードと一部文章修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,14 +2,36 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
つまりはこういうことです。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
スライド開始
|
10
|
+
|
11
|
+
hoge1表示→フェードしながら、hoge2が表示
|
12
|
+
|
13
|
+
↓
|
14
|
+
|
15
|
+
次のスライドへ
|
16
|
+
|
17
|
+
hoge3表示→フェードしながら、hoge4が表示
|
18
|
+
|
19
|
+
↓
|
20
|
+
|
21
|
+
最初のスライドへ戻る
|
22
|
+
|
23
|
+
|
24
|
+
|
5
25
|
bxslierのコールバックを使用していますが、どうもうまくいきません。
|
6
26
|
|
7
|
-
(特にhoge3→hoge4の切り替え
|
27
|
+
(特にhoge3→hoge4の切り替えのところ)
|
8
28
|
|
9
29
|
|
10
30
|
|
11
31
|
作成中のコードを貼りますが、誤っている箇所等ありましたら、ご指摘とご教授をお願いいたします。
|
12
32
|
|
33
|
+
下記のコードをそのままコピペで現状を確認いただけます。
|
34
|
+
|
13
35
|
|
14
36
|
|
15
37
|
長くなってしまい、申し訳ございません。
|
@@ -104,7 +126,7 @@
|
|
104
126
|
|
105
127
|
|
106
128
|
|
107
|
-
|
129
|
+
```JavaScript
|
108
130
|
|
109
131
|
$(document).ready(function(){
|
110
132
|
|
2
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -104,7 +104,7 @@
|
|
104
104
|
|
105
105
|
|
106
106
|
|
107
|
-
'''Java
|
107
|
+
'''JavaScript
|
108
108
|
|
109
109
|
$(document).ready(function(){
|
110
110
|
|
1
サンプルコード部分の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,6 +16,8 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
|
19
|
+
```html
|
20
|
+
|
19
21
|
<!doctype html>
|
20
22
|
|
21
23
|
<html>
|
@@ -28,7 +30,49 @@
|
|
28
30
|
|
29
31
|
<script type="text/javascript" src="http://bxslider.com/lib/jquery.bxslider.js"></script>
|
30
32
|
|
33
|
+
<title></title>
|
34
|
+
|
35
|
+
</head>
|
36
|
+
|
37
|
+
<body>
|
38
|
+
|
39
|
+
<div id="slider">
|
40
|
+
|
41
|
+
<ul class="fade1">
|
42
|
+
|
31
|
-
<
|
43
|
+
<ul>
|
44
|
+
|
45
|
+
<li>hoge1</li>
|
46
|
+
|
47
|
+
<li>hoge2</li>
|
48
|
+
|
49
|
+
</ul>
|
50
|
+
|
51
|
+
</ul>
|
52
|
+
|
53
|
+
<div class="fade2">
|
54
|
+
|
55
|
+
<ul>
|
56
|
+
|
57
|
+
<li>hoge3</li>
|
58
|
+
|
59
|
+
<li>hoge4</li>
|
60
|
+
|
61
|
+
</ul>
|
62
|
+
|
63
|
+
</div>
|
64
|
+
|
65
|
+
</div>
|
66
|
+
|
67
|
+
</body>
|
68
|
+
|
69
|
+
</html>
|
70
|
+
|
71
|
+
```
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
```css
|
32
76
|
|
33
77
|
.fade1,
|
34
78
|
|
@@ -56,9 +100,11 @@
|
|
56
100
|
|
57
101
|
}
|
58
102
|
|
103
|
+
```
|
104
|
+
|
105
|
+
|
106
|
+
|
59
|
-
|
107
|
+
'''Javascript
|
60
|
-
|
61
|
-
<script>
|
62
108
|
|
63
109
|
$(document).ready(function(){
|
64
110
|
|
@@ -328,42 +374,4 @@
|
|
328
374
|
|
329
375
|
});
|
330
376
|
|
331
|
-
</script>
|
332
|
-
|
333
|
-
<title></title>
|
334
|
-
|
335
|
-
</head>
|
336
|
-
|
337
|
-
<body>
|
338
|
-
|
339
|
-
<div id="slider">
|
340
|
-
|
341
|
-
<ul class="fade1">
|
342
|
-
|
343
|
-
|
377
|
+
```
|
344
|
-
|
345
|
-
<li>hoge1</li>
|
346
|
-
|
347
|
-
<li>hoge2</li>
|
348
|
-
|
349
|
-
</ul>
|
350
|
-
|
351
|
-
</ul>
|
352
|
-
|
353
|
-
<div class="fade2">
|
354
|
-
|
355
|
-
<ul>
|
356
|
-
|
357
|
-
<li>hoge3</li>
|
358
|
-
|
359
|
-
<li>hoge4</li>
|
360
|
-
|
361
|
-
</ul>
|
362
|
-
|
363
|
-
</div>
|
364
|
-
|
365
|
-
</div>
|
366
|
-
|
367
|
-
</body>
|
368
|
-
|
369
|
-
</html>
|