schussvogeltot
New member
Ich möchte das iPhonebild als schablone verwenden, wenn die app mal nicht auf dem Smartphone ausgeführt wird. Warum flackert das Bild nur kurz auf und verschwindet wieder. Habt Ihr vielleicht eine bessere Idee? Wie arbeitet man ohne Frames? (Ohne den Link für jquery.mobile-1.3.0.min.css" geht es, aber den brauch ich für wischgesten.)
Hier mein vereinfacher Code:
Hier mein vereinfacher Code:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="user-scalable-no, width=device-width">
<title>iPhone App mit HTML5 und CSS</title>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
<!--
<link rel="stylesheet" type="text/css" href="iphone4.css" media="only screen and (max-width:480px)">
<link rel="stylesheet" type="text/css" href="standard4.css" media="screen and (min-width:481px)">
-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script language="javascript" type="text/javascript" src="test.js"></script>
<script language="javascript" type="text/javascript" src="swipe-page2.js"></script>
<style>
body {font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
background-image:url(iphone4-app-programmieren.jpg);
<!--
$("#id").css('background-image', 'url(iphone4-app-programmieren.jpg)');
-->
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
</body>
</html>