PhoneGap 应用程序无法一致地显示图像

Question

我已经为 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>

Answer 1

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

说有时图像出现有时不出现是否正确？您是否遇到过显示所有图像的情况？或者总是至少缺少一张图像？