質問編集履歴
3
文法の変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,36 +1,18 @@
|
|
1
|
-
###
|
1
|
+
### jQueryプラグインBgSwitcherを使って背景のスライド
|
2
2
|
|
3
|
-
|
3
|
+
BgSwitcherを使って背景のスライドショーを行いたいのですが、JSのコードにエラーが出てしまい実装できません。ご指導お願いします。
|
4
4
|
|
5
5
|
### 発生している問題・エラーメッセージ
|
6
6
|
|
7
|
-
バックグラウンドスライドができない
|
8
7
|
|
9
|
-
```
|
10
8
|
|
11
9
|
エラーメッセージ
|
12
10
|
|
13
|
-
『JSX 式には 1 つの親要素が必要です。ts(2657)』
|
11
|
+
『JSX 式には 1 つの親要素が必要です。ts(2657)』(vscode)使用
|
14
12
|
|
15
13
|
|
16
14
|
|
17
15
|
### 該当のソースコード
|
18
|
-
|
19
|
-
}); ←ここにエラーメッセージ
|
20
|
-
|
21
|
-
}); ←ここにエラーメッセージ
|
22
|
-
|
23
|
-
</script> ←ここにエラーメッセージ
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
ソースコード
|
34
16
|
|
35
17
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
|
36
18
|
|
@@ -42,26 +24,22 @@
|
|
42
24
|
|
43
25
|
$('.bg-slider').bgSwitcher({
|
44
26
|
|
45
|
-
images: ['IMG_0273.jpeg', 'IMG_0284.jpg', 'img/bg3.jpg'], //
|
27
|
+
images: ['IMG_0273.jpeg', 'IMG_0284.jpg', 'img/bg3.jpg'], //
|
46
28
|
|
47
|
-
});
|
29
|
+
}); ←ここにエラーメッセージ
|
48
30
|
|
49
|
-
|
31
|
+
});
|
50
32
|
|
51
|
-
</script>
|
33
|
+
</script> ←ここにエラーメッセージ
|
52
34
|
|
53
35
|
|
54
36
|
|
55
|
-
### 試したこ
|
37
|
+
### 試したこと
|
56
38
|
|
39
|
+
参考サイト
|
40
|
+
|
57
|
-
|
41
|
+
https://fit-jp.com/bgswitcher/
|
58
42
|
|
59
43
|
### 補足情報(FW/ツールのバージョンなど)
|
60
44
|
|
61
|
-
|
62
|
-
|
63
|
-
一例として、こちらを参考にしました。
|
64
|
-
|
65
|
-
https://fit-jp.com/bgswitcher/
|
66
|
-
|
67
45
|
情報が少なくてすいません。具体的なエラー、問題のコードなどが把握できてない状態での質問です。この方法でなくてもいいので、背景画像のスライドショーのやり方を教えていただけたら助かります。
|
2
エラーメッセージの追記。
test
CHANGED
File without changes
|
test
CHANGED
@@ -58,8 +58,6 @@
|
|
58
58
|
|
59
59
|
### 補足情報(FW/ツールのバージョンなど)
|
60
60
|
|
61
|
-
Lhankor_Mhyさんご返答ありがとうございます。ご提示いただいたURLは正常に作動しました。
|
62
|
-
|
63
61
|
|
64
62
|
|
65
63
|
一例として、こちらを参考にしました。
|
1
エラーメッセージ追記。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,14 +1,6 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
3
|
バックグラウンドのスライドショー
|
4
|
-
|
5
|
-
ここに質問の内容を詳しく書いてください。
|
6
|
-
|
7
|
-
(例)PHP(CakePHP)で●●なシステムを作っています。
|
8
|
-
|
9
|
-
■■な機能を実装中に以下のエラーメッセージが発生しました。
|
10
|
-
|
11
|
-
|
12
4
|
|
13
5
|
### 発生している問題・エラーメッセージ
|
14
6
|
|
@@ -18,57 +10,27 @@
|
|
18
10
|
|
19
11
|
エラーメッセージ
|
20
12
|
|
21
|
-
|
13
|
+
『JSX 式には 1 つの親要素が必要です。ts(2657)』 (vscode)使用
|
22
14
|
|
23
15
|
|
24
16
|
|
25
17
|
### 該当のソースコード
|
26
18
|
|
27
|
-
|
19
|
+
}); ←ここにエラーメッセージ
|
28
20
|
|
29
|
-
|
21
|
+
}); ←ここにエラーメッセージ
|
30
22
|
|
31
|
-
|
23
|
+
</script> ←ここにエラーメッセージ
|
32
24
|
|
33
|
-
</div>
|
34
25
|
|
35
|
-
CSS
|
36
26
|
|
37
|
-
.bg-slider {
|
38
27
|
|
39
|
-
width: 100vw;
|
40
28
|
|
41
|
-
height: 100vh;
|
42
29
|
|
43
|
-
background-position:center center;
|
44
30
|
|
45
|
-
background-size: cover;
|
46
31
|
|
47
|
-
display: flex;
|
48
32
|
|
49
|
-
align-items: center;
|
50
|
-
|
51
|
-
justify-content: center;
|
52
|
-
|
53
|
-
}
|
54
|
-
|
55
|
-
.bg-slider__title{
|
56
|
-
|
57
|
-
|
33
|
+
ソースコード
|
58
|
-
|
59
|
-
font-size: 48px;
|
60
|
-
|
61
|
-
line-height: 1.5;
|
62
|
-
|
63
|
-
font-weight: bold;
|
64
|
-
|
65
|
-
text-align:center;
|
66
|
-
|
67
|
-
text-shadow: 1px 1px 1px #000;
|
68
|
-
|
69
|
-
}
|
70
|
-
|
71
|
-
JS
|
72
34
|
|
73
35
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
|
74
36
|
|
@@ -90,21 +52,15 @@
|
|
90
52
|
|
91
53
|
|
92
54
|
|
93
|
-
ソースコード
|
94
|
-
|
95
|
-
```
|
96
|
-
|
97
|
-
|
98
|
-
|
99
55
|
### 試したこいと
|
100
56
|
|
101
57
|
いくつかのサイトを参考にしましたが反映されません。
|
102
58
|
|
103
59
|
### 補足情報(FW/ツールのバージョンなど)
|
104
60
|
|
61
|
+
Lhankor_Mhyさんご返答ありがとうございます。ご提示いただいたURLは正常に作動しました。
|
105
62
|
|
106
63
|
|
107
|
-
ここにより詳細な情報を記載してください。
|
108
64
|
|
109
65
|
一例として、こちらを参考にしました。
|
110
66
|
|