質問編集履歴

3

コードと一部文章修正

2016/01/27 12:51

投稿

southern_flavor
southern_flavor

スコア70

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
- '''JavaScript
129
+ ```JavaScript
108
130
 
109
131
  $(document).ready(function(){
110
132
 

2

コードの修正

2016/01/27 12:51

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -104,7 +104,7 @@
104
104
 
105
105
 
106
106
 
107
- '''Javascript
107
+ '''JavaScript
108
108
 
109
109
  $(document).ready(function(){
110
110
 

1

サンプルコード部分の修正

2016/01/27 12:45

投稿

southern_flavor
southern_flavor

スコア70

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
- <style>
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
- </style>
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
- <ul>
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>