如何在jquery mobile中显示所有移动设备和网页浏览器的启动画面

我正在jquery移动应用上工作，在那里我想显示所有设备的启动画面，包括ipod，iphone，android手机，网页浏览器。如何在jquery mobile中显示所有移动设备和网页浏览器的启动画面

我曾尝试下面的代码：

1）

<script type="text/javascript"> 
(function() { 
    var a; if (navigator.platform === "iPad") { 
    a = window.orientation === 90 || window.orientation === -90 ? 
"_Startup_748x1024.png" : "Startup_768x1004.png" 

} else { 
    a = window.devicePixelRatio === 2 ? 
    "Startup_640x920.png" : "Startup_320x460.png" 

} 
document.write('<link rel="apple-touch-startup-image" href="' + a + '"/>') })()

上面的代码不与Android手机和网络浏览器的工作。

2.）

<div data-role="page" id="splash"> 
@Html.Partial("_MobileHeader") 
    <div class="splash"> 
     <img src="images/_Startup_748x1024.png" alt="startup image" style="width: 100%; height: 100%" /> 
    </div> 
     <div data-role="content" id="pagecontent" data-theme="c"> 
    @RenderBody() 
     </div> 
    <!--End content div --> 
    @Html.Partial("_MobileFooter") 
</div> 

and the script that i have used is : 

$(document).on('pageinit','#splash',function(){ 
setTimeout(function(){ 
    $.mobile.changePage("#pagecontent", "fade"); 
}, 4000); });

与DIV的上述两个代码得到一起显示我想先只显示初始屏幕另一个div的内容。

请建议我解决上述问题的任何帮助，将不胜感激。

在此先感谢。

来源

2012-06-19 Kriitika

你想让这种情况发生在所有设备上，包括桌面？ – Charlie

嗨查理，是的，我希望这可以在所有设备上工作，包括桌面。 – Kriitika

这些启动画面图像可以灵活吗？我的意思是说，它们中的文本和图像可以制作成HTML和CSS而不是图像？ – Charlie

我已经修复了这个问题如下：

1）创建一个动作就是默认操作，当移动应用程序是在第一次开来，在它看来页面设置图像这将基于jQuery的完成设备的方向来显示。

2），然后重定向到另一个动作还是在主网页后，这个启动画面中添加了头部分下面一行：

<meta http-equiv="refresh" content="4;URL='the link which you want to call after that'" />

从这个图像将显示如“内容”中提到的4秒开始，然后重定向到指定的URL。

它正在所有设备上工作。 :)

来源

2012-06-20 05:57:31 Kriitika

如何在jquery mobile中显示所有移动设备和网页浏览器的启动画面

回答

相关问题