android - 如何让图像显示在 phonegap 应用程序上

Question

在过去的几个月里，我一直在为我参与的一个元素开发一个 phonegap 应用程序，试图鼓励 children 对本地历史感兴趣，我已经快完成了，但是，不管怎样我尝试了什么，我无法显示图像...

我一直在使用 Brackets 在 HTML/CSS/JS 中编写应用程序，当我使用实时调试工具和 Edge Inspect 对其进行测试时它工作正常，但是当涉及到使用 phonegap 构建应用程序时，图像只是不显示。

我用来放置图像的代码是:

//THE HTML
<img class = "thumbnailImg" src = "img/img1.png">

//THE CSS
.thumbnailImg {
    width: 100% !important;
}

其中包含 HTML 的文件夹也是其中包含图像文件夹的文件夹:

Options (the HTML folder) > all the html files & img (the image folder)

在 img 中，图像用相应的数字索引，从 1 到 13。

编辑:文件路径在上面

如果有人能提供任何关于为什么这不起作用的见解，那就太棒了。

Answer 1

确保您的文件夹结构如下所示，

这应该可以正常工作，请检查“img1”的图像扩展名。右键单击图像文件并查看属性并选中“文件类型:”并确认它确实是一个 .png 文件。