Lock background Fullscreen

Discussion in 'iOS Themes and Customization' started by miniman19, Apr 8, 2010.

  1. miniman19

    miniman19 New Member

    Joined:
    Apr 8, 2010
    Messages:
    1
    Likes Received:
    0
    Hi,
    i am having some troubles making my own theme. I have all the code and all of the images for the lock background but for some reason it wont allow me to make the images on the lock background full screen. Any help would be appreciated.

    I have it set up as an HTML file that chooses and image randomly and then displays it. The images are all 240x320 but they only show up as about 100x160. Heres the code in the html file:
    Code:
    <html>
    <body>
    <script type="text/javascript">
    	var now = new Date();
    	var today = now.getDay();
    	var startTime = new Date();
    	startTime.setHours(8);
    	startTime.setMinutes(23);
    	startTime.setSeconds(00);
    	var endTime = new Date();
    	endTime.setHours(14);
    	endTime.setMinutes(43);
    	endTime.setSeconds(00);
    
    	var hiddenImage = ['1', '2', '3'];
    	var rndmNmbr = (Math.floor(Math.random()*(hiddenImage.length))) + 1;
    
    	if (today > 0 && today < 6)
    		{
    		if (startTime < now && endTime > now)
    			{
    			switch (rndmNmbr)
    			{
    			case 1:
    				{document.write('<img src="hidden1.jpg" width="240" height="320">');}
    				break;
    			case 2:
    				{document.write('<img src="hidden2.jpg" width="240" height="320">');}
    				break;
    			case 3:
    				{document.write('<img src="hidden3.jpg" width="240" height="320">');}
    				break;
    		//{document.write('<img src="hidden2.jpg">');}
    			}
    			}
    		else
    			{document.write('<img src="image1.jpg">');}
    		}
    	else
    		{document.write('<img src="image1.jpg">');}
    </script>
    </body>
    </html>
    
    Thanks in advance.
  2. ipodtouchnoobster

    ipodtouchnoobster New Member

    Joined:
    Jun 18, 2008
    Messages:
    52
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    What about:
    HTML:
    <html>
    <head>
    <style type="text/css">
    .img {width:320px!important; height:240px!important;}
    </style>
    </head>
    <body>
    <script type="text/javascript">
    	var now = new Date();
    	var today = now.getDay();
    	var startTime = new Date();
    	startTime.setHours(8);
    	startTime.setMinutes(23);
    	startTime.setSeconds(00);
    	var endTime = new Date();
    	endTime.setHours(14);
    	endTime.setMinutes(43);
    	endTime.setSeconds(00);
    
    	var hiddenImage = ['1', '2', '3'];
    	var rndmNmbr = (Math.floor(Math.random()*(hiddenImage.length))) + 1;
    
    	if (today > 0 && today < 6)
    		{
    		if (startTime < now && endTime > now)
    			{
    			switch (rndmNmbr)
    			{
    			case 1:
    				{document.write('<img src="hidden1.jpg" width="240" height="320" class="img">');}
    				break;
    			case 2:
    				{document.write('<img src="hidden2.jpg" width="240" height="320" class="img">');}
    				break;
    			case 3:
    				{document.write('<img src="hidden3.jpg" width="240" height="320" class="img">');}
    				break;
    		//{document.write('<img src="hidden2.jpg" class="img">');}
    			}
    			}
    		else
    			{document.write('<img src="image1.jpg" class="img">');}
    		}
    	else
    		{document.write('<img src="image1.jpg" class="img">');}
    </script>
    </body>
    </html>
    
    The "!important" tag in css usually corrects issues like this, since most likely, the default stylesheet for the lockscreen is overriding the image size.

Share This Page