質問編集履歴
1
指摘された通りにコード、エラー文はcode機能を使用しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
## 記述内容
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
``` index.js
|
|
6
|
-
|
|
7
6
|
var bgImages = ['/images/top-image1.jpg', '/images/top-image2.jpg', '/images/top-image3.jpg'];
|
|
8
7
|
var randImages = bgImages[Math.floor(Math.random() * bgImages.length)];
|
|
9
|
-
$('.contents-with-text-link').css('background-image', 'url(' + randImages + ')');
|
|
8
|
+
$('.contents-with-text-link').css('background-image', 'url(' + randImages + ')'); ```
|
|
10
9
|
|
|
11
10
|
### cssの中(content-with-text-linkにbackground-imageをランダム表示させたい)
|
|
12
11
|
|
|
@@ -21,22 +20,22 @@
|
|
|
21
20
|
height: 300px;
|
|
22
21
|
width: 400px;
|
|
23
22
|
}
|
|
24
|
-
}
|
|
25
23
|
|
|
26
|
-
### エラー文 （検証のコンソールに出ています。）
|
|
27
24
|
|
|
25
|
+
|
|
26
|
+
```エラー文
|
|
28
27
|
jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1:6996 GET http://localhost:3000/images/top-image1.jpg 404 (Not Found)
|
|
29
28
|
|
|
30
29
|
上記が出たので、エラー文のhttp://localhost:3000/imageをクリックすると
|
|
31
30
|
RoutingError No route matches [GET] "/images/top-image1.jpg"
|
|
31
|
+
```
|
|
32
32
|
|
|
33
33
|
とのエラー文もありました。
|
|
34
34
|
|
|
35
35
|
画像のパスの書き方が悪かったのかと思い、
|
|
36
36
|
|
|
37
|
-
- /assets/images/top-
|
|
37
|
+
- /assets/images/top-image1.jpg(top-image2,3も同様)
|
|
38
|
-
- /top-
|
|
38
|
+
- /top-image1.jpg(top-image2,3も同様)
|
|
39
|
-
|
|
40
39
|
など変えてみましたが、エラー内容も変わらずでした。
|
|
41
40
|
|
|
42
41
|
何かjavascript、または画像のパス、配置場所で間違っているところ、直すところがわかりましたら教えていただけますとありがたいです。よろしくお願いします。
|