PhoneGap 应用程序无法始终显示图像答案

【问题标题】：PhoneGap app doesnt show images consistentlyPhoneGap 应用程序无法始终显示图像
【发布时间】：2011-09-01 09:23:55
【问题描述】：

我已经为 iPhone 和 iPod touch 创建了 phonegap 应用程序，但我曾经在 iPod touch 上对其进行测试。

问题：图片随机显示，否则会在占位符内显示一个问号。我曾尝试在 iPhone、iPod、桌面浏览器等多个地方运行此应用程序（带有点击事件，而不是触摸）。其中在 iPod 和桌面浏览器上它似乎运行良好，而在 iPhone 或 iPhone 模拟器上我得到随机图像被破坏。它是一个图片库，因此图片是最重要的。

任何建议或指针表示赞赏。

以下是示例页面代码：

<div  id="galleryRava" >
        <div id="galleryRavaScroll">
            <!--gallery scroll frame-->
            <!-- /header -->
            <div>
                <div id="galleryRavalist">
                    <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="capsicum_rava_masala"><img src="images/sankalp/rava/capsicum_rava_masala.JPG">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Capsicum Rava Masala</span>
                        </a>
                    </div>
                        <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="coconut_rava"><img src="images/sankalp/rava/coconut_rava.jpg">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Coconut Rava</span>
                        </a>
                    </div>
                    <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="crispy_rava"><img src="images/sankalp/rava/crispy_rava.JPG">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Crispy rava</span>
                        </a>
                    </div>
                    <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="kanchipuram_achari_rava"><img src="images/sankalp/rava/kanchipuram_achari_rava.jpg">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Kanchipuram achari rava</span>
                        </a>
                    </div>
                    <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="onion_rava"><img src="images/sankalp/rava/onion_rava.jpg">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Onion Rava</span>
                        </a>
                    </div>
                    <div class="gallery-item">
                        <a href="#detailPage" >
                        <div class="galleryimage" id="udupi_rava"><img src="images/sankalp/rava/udupi_rava.JPG">
                        </div>
                        <div class="itemJoinBar"></div>
                        <span class="gallerytitle">Udipi rava</span>
                        </a>
                    </div>
                </div>
                <div class="clear"> <br><br><br></div>
            </div>
            <!-- /content -->
        </div><!--gallery scroll ends here-->
    </div>

【问题讨论】：

标签： iphone xcode cordova web-application-project ipod-touch

【解决方案1】：

目前尚不清楚您从哪里加载图像。这些图像是否存储在某个地方，在线？或者您是否尝试访问已存储在设备上的图像？

是否正确地说有时图像会显示，有时却不显示？您是否遇到过所有图像出现的情况？还是总是至少缺少一张图片？

【讨论】：

是的，图像存储在设备上。是的，我在屏幕上有几个图像，但随机图像被破坏，它不是特定的图像，它可能是任何运行周期的任何图像。虽然我在 iPhone 3GS 上对此进行测试，但在 iPod 上它似乎运行良好。
奇怪的是，当前存储在您设备上的图像正在发生这种情况。您能否使用用于定位和显示图像的代码更新您的问题？
那些只是将 src 属性设置为某个本地图像 url 的图像标签。我正在使用多个 div，每个 div 中有多个图像。只是该文件充满了带有 img 标签的图像的 div。如果你仍然好奇，我可以发布这些 html 代码。
我会说在您的原始问题中发布代码，其他人可能会发现任何问题。
为了方便而发布的示例页面。