Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to set Background image for iphone app in phonegap

I am new in phonegap development and i am developing one project for iphone application with use of phonegap framework.

I am setting http://www.wallpaperbase.com/wallpapers/computer/mac/mac_8.jpg image as a background of my iphone application but its showing problem with image means image not properly displaying on my iphone Device like as given image example below.

Please solve my issue ASPS.

enter image description here

Please check my code and let me know what's wrong in it.

like image 300
Sandeep Avatar asked Sep 22 '11 05:09

Sandeep


1 Answers

You need to try this on line number 15 in index.html page-


<body style="background: url(mac_8.jpg) no-repeat;background-size: 100%;" >

then your app's background image will look like this -

landscape modeportrait mode

only if you made changes in info.plist to support for landscape mode for iPhone

One important thing - take background image of size 320X480 or 640X940 (iPhone4)

like image 101
Mayur Birari Avatar answered Nov 15 '22 14:11

Mayur Birari