回答編集履歴

1

改善

2017/08/02 17:25

投稿

Tak1016
Tak1016

スコア1408

test CHANGED
@@ -1,31 +1,47 @@
1
- ブラウザ直接画像のURL入力し画像が表示できますか?
1
+ imgタグid振っ切り替え
2
2
 
3
+ ```HTML
3
4
 
5
+ <!DOCTYPE HTML>
4
6
 
5
- ご提示いただいているhtmlのURLが
7
+ <html>
6
8
 
7
- http://localhost/test.html
9
+ <head>
8
10
 
9
- だとすると
11
+ <meta charset="utf-8">
10
12
 
11
- http://localhost/images/1.jpg
13
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
12
14
 
13
- で画像が表示されますか?
15
+ </head>
14
16
 
17
+ <body>
15
18
 
19
+   <img id="image" src="images/1.jpg" alt="" />
16
20
 
17
- 表示できない場合
21
+ <script language="javascript" type="text/javascript">
18
22
 
19
- ChromeにてF12を押してネットワークからステータスコードを確認してください。
23
+ function OnButtonClick() {
20
24
 
21
- 404の場合、そもそも配置すらできていないので配置してください。
25
+ var imglist = new Array(
22
26
 
23
- 403の場合、フォルダおよび画像にアクセス権限がありません。
27
+ "images/1.jpg",
24
28
 
25
- そもそもOSはWindowsなのかMacなのかLinuxなのか
29
+ "images/2.jpg",
26
30
 
27
- WebサーバーはApacheなのかIISなのかわからないので、それぞれのOSの流儀に従って権限を付与してください。
31
+ "images/3.jpg",
28
32
 
29
- それ以外の場合、MIMEタイプの設定とかいろいろあるのですが今はやめておきます。
33
+ "images/4.jpg" );
30
34
 
35
+ var selectnum = Math.floor(Math.random() * imglist.length);
36
+
37
+ document.getElementById("image").src = imglist[selectnum];
38
+
39
+ </script>
40
+
41
+ <input type="button" value="押すと画像が表示されます!" onclick="OnButtonClick();"/>
42
+
31
- 上記を確認してください。
43
+ </body>
44
+
45
+ </html>
46
+
47
+ ```