• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Warum wird mein backgroundbild nciht angezeigt?

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:

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>
 
Was soll denn der HTML-Kommentar mit JS-Code im <style>?

Aber generell ist das zu wenig Information, um dir gescheit zu helfen. Hast du keinen Testlink, wo wir uns das Problem live ansehen können.
 
Der JS-Code ist auskommentiert.
Es war einfach ein anderer Versuch, das Bild vom iphone anzuzeigen.


Ich bin mit meiner Fehlersuche jetzt soweit, das ich weiß das es wohl an folgender Zeile liegt.
Code:
	<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

Ich brauche diese Zeile, damit ich auf den Befehl
Code:
swipeRight(event)
zugreifen kann in meiner Datei "swipe-page2.js". Wenn ich die Zeile aber wegnehme, werden alle meine CSS befehle bzw. Dateien vollständig ausgeführt. Sonst immer nur ein Teil. Was fehlt ist sonst immer das Bild "iphone4-app-programmieren.jpg" und meine befehle "height: 300px" funktionieren nicht mehr.

Ich bin absoluter Anfänger mit javascript und wollte diese beiden Beispiele zusammen bringen. 1) 4. Apps Programmieren – Look and Feel des iPhones umsetzen | html5 Referenz und Tutorials | Neuerungen | CSS 3 | Anleitung zum Programmieren von iPhone Apps
2) https://www.youtube.com/watch?v=PvXhtPNtSus


Ich arbeite Offline und hab das nierends hochgeladen. Kannst du mir so schon vielleicht jetzt helfen. Ich hab auch schon andere versionen von jquery ausprobiert. Das bringt mir auch immer fehler. Die Reihenfolge wie man die scripte udn links aufruft scheint auch von bedeutung zu sein.
 
Der JS-Code ist auskommentiert.
Aber JS in einem <style> ergibt gar keinen Sinn...

... Prinzipiell kann man in der Konsole (einfach im Browser F12 drücken) recht gut nachvollziehen, warum irgendwelche CSS-Anweisungen nicht ziehen. Ich denke mal, dass jquery-mobile da einfach irgendwas von dir überschreibt.
 
Zurück
Oben