Q&A
なんの画像か１ミリもわかりません。コードを載せないと
monaca のアプリでは問題なく画像が表示されるのですが、ビルドした後に実機で表示しようとすると小さい画像のアイコン？みたいなのが表示されて、画像自体は表示されません。
何がいけないのでしょうか？
✖︎印が表示されているわけではありません。
回答2件
0
雑な質問には雑な回答しますけど、多分画像は相対パスで指定してるから表示されないと思います。以下のような絶対パスで表示しなければ多分無理です。```html
<img src="https://lh3.googleusercontent.com/Gt3Y6vLTaHrDszSBOdaSX5LCkg2Cwo6oQ569V5rrs6Vw4vJV8mGBufd-SLhCmMn8KNWAQcCDRk8Hyr_3D6uh9jdvZhcQdZzTmKpCNQ=w760-h380" />
投稿2019/11/16 11:54
総合スコア427
失礼しました。
以下のコードです。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<script>
</script>
<style>
body
#ttt{
position:relative;
bottom:620px;
}
#kekka{
position:relative;
bottom:88px;
}
#thred{
position:relative;
bottom:88px;
}
img#floatButton1{
position:fixed
left:0
top:50px;
}
#hako {
margin-top: 15%;
margin-left : 0;
margin-right : 0;
}
img {
width: 100%;
}
#uuu {
position: fixed;
bottom: 0px;
right: 0%;
}
</style>
</head>
<body>
<img id="saisyo" src="images/IMG_0197.JPG"/>
<img id="kekka" src="images/IMG_E0145.JPG"/>
<img id="thred" src="images/IMG_E0146.JPG"/>
<img id="uuu" src="images/IMG_E0254.JPG/" >
</body>
</html>
id=uuuだけが表示できない状態です。
Codepenで試したら2枚の画像が出て来ましたが画像のアイコンだけでなんの画像かわかりませんでした。だから、images/IMG_E0254.JPG/これは相対パスであって、スマホの中に全く同じ名前のファイルがないと開けません
横から失礼します。
コードは質問文を編集して追記してください。
あと、ヒントだけ。
表示できる画像とできない画像のコードをじっくり見比べてみてください。
何か違いがあるはずです。
そうそう、コードは質問文の一部だからね。javahack先輩、僕間違ったこと答えてました。nakayasuさん、id uuuのやつは”で閉じてからスラッシュだよ
でも、codepenで書いても画像は表示されませんよどちらにしても相対パスなので
0
html
1<img id="uuu" src="images/IMG_E0254.JPG/" >
ではなく
html
1<img id="uuu" src="images/IMG_E0254.JPG" />
投稿2019/11/17 02:45
総合スコア427
あなたの回答
tips
プレビュー
