Bild als 3 Sekunden Weiterleitung vor PHP-Start??

Trancedomain · 25.04.2012, 09:08

Hallo, ich bräuchte einmal dringend Hilfe für ein sehr wahrscheinlich kleines Problem.
ich habe in unserer Firma eine webseite mit php.
Im Startordner auf dem Server liegt dementsprechend die index.php (siehe Bild)

Ruft man die Webseite auf, erscheint alles wie es sein soll. Texte, Bilder, Menüleiste usw.

Was ich jetzt machen soll ist folgendes:
Es soll bei Aufruf der Webseite erst ein Bild erscheinen und erst DANACH (entweder draufklicken oder eine 3 Sekunden weiterleitung) soll sich die eigentliche Webseite öffnen.

Ich bin mir sicher für die Experten eine Lachnummer, aber ich sitze hier (habe nichtmal einen html-Editor - schreibe nur mit dem normalen Windows-Editor) und habe nur Fragezeichen auf dem Kopf, weil ich nicht weiß wie ich es angehen

soll.
Vielen, vielen Dank im Voraus (falls mir jemand helfen kann)

Robbyn- · 25.04.2012, 09:11

Entweder du setzt im Header folgendes:

Code:

<meta http-equiv="refresh" content="5; URL=www.seite.de">

(content trägst du die Sekunden ein)
oder du nutzt dieses Javascript:

Code:

<script language="javascript">
function Weiterleitung()
{
   location.href='URL';
}

window.setTimeout("Weiterleitung()", 1000); // in msecs 1000 => eine Sekunde
</script>

Trancedomain · 25.04.2012, 09:16

Ich erstelle also eine leere html-Seite, setze nur das script ein und packe es in den Startordner??
Das wäre schon alles?? (wie gesagt, ich habe hier so gut wie kein "Werkzeug" - nur den windows-editor :-(
Wenn es so wäre - der Hammer. VIELEN, VIELEN DANK

Robbyn- · 25.04.2012, 09:17

Alternative 1:

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="5; URL=www.seite.de">
<title>Unbenanntes Dokument</title>
</head>

<body>
</body>
</html>

Alternative 2

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
<script language="javascript">
function Weiterleitung()
{
   location.href='URL';
}

window.setTimeout("Weiterleitung()", 1000); // in msecs 1000 => eine Sekunde
</script>
</head>

<body>
</body>
</html>

Trancedomain · 25.04.2012, 09:19

Boah ich danke Dir vielmals :-)

Trancedomain · 25.04.2012, 09:37

Ich habe leider noch eine Frage.
ich habe die Detei nun erzeugt und es erscheint erst die Webseite und schaltet dann auf das Bild um :-(
Es sollte leider genau andersherum sein.
Ich gebe den webseitennamen im Browser ein .... ein Bild erscheint (geht das auch Bildschirmfüllend?) und erst dann nach 3 Sekunden kommt die Weiterleitung auf die eigentliche Webseite.
ich hoffe das ich mich nicht unverständlich ausdrücke.

Robbyn- · 25.04.2012, 09:44

Das wäre dann wohl eher das was du haben willst, nachdem das Bild geladen wurde springt der Counter an:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<script language="javascript">
function Weiterleitung()
{
   location.href='URL';
}
</script>
<body>
<img id="bildID" onload="window.setTimeout('Weiterleitung()', 1000);" src="https://www.*****************/srpr/logo3w.png" />
</body>
</html>

Trancedomain · 25.04.2012, 10:03

Ich weiß wie es ist, wenn jemand nervt, hoffe daher auf Deine Geduld um mir ein letztes Mal zu helfen.
Ich habe da jetzt irgendwie eine Schleife, die sich alle 3 Sekunden neu lädt.

Hier einmal meine relevanten Daten;

Das Bild habe ich gespeichert in:
www.BEISPIEL.de/xcms/templates/images/HG_VA.jpg

Die Weiterleitung soll dann auf www.BEISPIEL.de folgen.

Das der counter anspringt, nachdem das Bild geladen ist, war genau richtig - aber ich habe da wohl beim einsetzen meiner Daten etwas vertauscht, jedenfalls lädt er das Bild nun alle 3 Sekunden neu :-o

Ach - noch die Frage bezüglich des Bildes.
Es sollte Mittig sitzen (evtl Größe anpassbar). Ohne HTML-Editor weiß ich leider die Befehlskette nicht

Robbyn- · 25.04.2012, 10:06

Du brauchst nur das Beispiel von oben nehmen, dann geht es perfekt:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<script language="javascript">
function Weiterleitung()
{
   location.href='www.BEISPIEL.de';
}
</script>
<body>
<img onload="window.setTimeout('Weiterleitung()', 1000);" src="www.BEISPIEL.de/xcms/templates/images/HG_VA.jpg" />
</body>
</html>

Ich habe jetzt hier nochmal deine Testdaten eingetragen, eine Endlosschleife kann nicht möglich sein, ausser du hast bei der URL die URL eingetragen auf der du gerade bist, dann ist klar das eine Endlosschleife raus kommt.

//PS. (Bild soll mittig stehen)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<script language="javascript">
function Weiterleitung()
{
   location.href='www.BEISPIEL.de';
}
</script>
<style>
#container{
	width:100%;
	text-align:center;
}
</style>
<body>
<div id="container">
<img onload="window.setTimeout('Weiterleitung()', 5000)" src="www.BEISPIEL.de/xcms/templates/images/HG_VA.jpg" />
</div>
</body>
</html>

Trancedomain · 25.04.2012, 10:19

Es ist alles so, wie es sein soll. Ich bedanke mich mit einem Kniefall bei Dir.
Hast mir wirklich sehr, sehr weitergeholfen.

Noch abschließend zum Verständnis: Ein Startild Bildschirmfüllend darzustellen ist aufgrund der unterschiedlichen Auflösungen der Betrachter nicht möglich, sehe ich das richtig?

Robbyn- · 25.04.2012, 10:24

Ich würde mal sagen wenn das Bild so 1024x768 (oder so, habe das Format jetzt nicht genau im Kopf) groß ist, dann kannst du folgenden Befehl anwenden:

Code:

body{
	background-image:url(BILDURL);
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

Dadurch wird das Bild auf die Größe des Browsers gezogen, du hast dann zwar kein img tag mehr, aber dafür das ganze Bild im Hintergrund. Was aber wieder ein anderes Problem aufwirft, der Javascript Code würde nicht mehr richtig funktionieren.

Bleibe also lieber bei dem was du jetzt hast, liegst du schon sehr gut. Außerdem, für 3 Sekunden ist die Bildgröße nicht wirklich entscheiden.

Trancedomain · 25.04.2012, 10:29

Da hast Du sicherlich Recht.
Ich lasse das so wie es ist.
Also vielen Dank nochmal für deine Hilfe und einen schönen Tag wünsche ich Dir

25.04.2012, 09:08	#1
Trancedomain Member Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Bild als 3 Sekunden Weiterleitung vor PHP-Start?? Hallo, ich bräuchte einmal dringend Hilfe für ein sehr wahrscheinlich kleines Problem. ich habe in unserer Firma eine webseite mit php. Im Startordner auf dem Server liegt dementsprechend die index.php (siehe Bild) Ruft man die Webseite auf, erscheint alles wie es sein soll. Texte, Bilder, Menüleiste usw. Was ich jetzt machen soll ist folgendes: Es soll bei Aufruf der Webseite erst ein Bild erscheinen und erst DANACH (entweder draufklicken oder eine 3 Sekunden weiterleitung) soll sich die eigentliche Webseite öffnen. Ich bin mir sicher für die Experten eine Lachnummer, aber ich sitze hier (habe nichtmal einen html-Editor - schreibe nur mit dem normalen Windows-Editor) und habe nur Fragezeichen auf dem Kopf, weil ich nicht weiß wie ich es angehen soll. Vielen, vielen Dank im Voraus (falls mir jemand helfen kann)

25.04.2012, 09:11	#2
Robbyn- PHP - Flex Programmierer Registriert seit: 18.12.2006 Ort: Schmallenberg Beiträge: 527 Verwendet: CS6, Eclipse, IntelliJ IDEA 12, Flash Builder 4.7	Entweder du setzt im Header folgendes: Code: <meta http-equiv="refresh" content="5; URL=www.seite.de"> (content trägst du die Sekunden ein) oder du nutzt dieses Javascript: Code: <script language="javascript"> function Weiterleitung() { location.href='URL'; } window.setTimeout("Weiterleitung()", 1000); // in msecs 1000 => eine Sekunde </script> __________________ http://www.worldwideboard.de http://www.flex-tutorial.de http://www.2moons.cc

25.04.2012, 10:03	#8
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Ich weiß wie es ist, wenn jemand nervt, hoffe daher auf Deine Geduld um mir ein letztes Mal zu helfen. Ich habe da jetzt irgendwie eine Schleife, die sich alle 3 Sekunden neu lädt. Hier einmal meine relevanten Daten; Das Bild habe ich gespeichert in: www.BEISPIEL.de/xcms/templates/images/HG_VA.jpg Die Weiterleitung soll dann auf www.BEISPIEL.de folgen. Das der counter anspringt, nachdem das Bild geladen ist, war genau richtig - aber ich habe da wohl beim einsetzen meiner Daten etwas vertauscht, jedenfalls lädt er das Bild nun alle 3 Sekunden neu :-o Ach - noch die Frage bezüglich des Bildes. Es sollte Mittig sitzen (evtl Größe anpassbar). Ohne HTML-Editor weiß ich leider die Befehlskette nicht Geändert von cebito (25.04.2012 um 16:21 Uhr). Grund: Bitte Edit-Button benutzen

25.04.2012, 10:24	#11
Robbyn- PHP - Flex Programmierer Registriert seit: 18.12.2006 Ort: Schmallenberg Beiträge: 527 Verwendet: CS6, Eclipse, IntelliJ IDEA 12, Flash Builder 4.7	Ich würde mal sagen wenn das Bild so 1024x768 (oder so, habe das Format jetzt nicht genau im Kopf) groß ist, dann kannst du folgenden Befehl anwenden: Code: body{ background-image:url(BILDURL); background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; } Dadurch wird das Bild auf die Größe des Browsers gezogen, du hast dann zwar kein img tag mehr, aber dafür das ganze Bild im Hintergrund. Was aber wieder ein anderes Problem aufwirft, der Javascript Code würde nicht mehr richtig funktionieren. Bleibe also lieber bei dem was du jetzt hast, liegst du schon sehr gut. Außerdem, für 3 Sekunden ist die Bildgröße nicht wirklich entscheiden. __________________ http://www.worldwideboard.de http://www.flex-tutorial.de http://www.2moons.cc

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Bild als 3 Sekunden Weiterleitung vor PHP-Start??

Reklame

Anzeige

Aktuelles Commag

Anzeige

Anzeige

25.04.2012, 09:16	#3
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Ich erstelle also eine leere html-Seite, setze nur das script ein und packe es in den Startordner?? Das wäre schon alles?? (wie gesagt, ich habe hier so gut wie kein "Werkzeug" - nur den windows-editor :-( Wenn es so wäre - der Hammer. VIELEN, VIELEN DANK

25.04.2012, 09:19	#5
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Boah ich danke Dir vielmals :-)

25.04.2012, 09:37	#6
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Ich habe leider noch eine Frage. ich habe die Detei nun erzeugt und es erscheint erst die Webseite und schaltet dann auf das Bild um :-( Es sollte leider genau andersherum sein. Ich gebe den webseitennamen im Browser ein .... ein Bild erscheint (geht das auch Bildschirmfüllend?) und erst dann nach 3 Sekunden kommt die Weiterleitung auf die eigentliche Webseite. ich hoffe das ich mich nicht unverständlich ausdrücke.

25.04.2012, 10:19	#10
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Es ist alles so, wie es sein soll. Ich bedanke mich mit einem Kniefall bei Dir. Hast mir wirklich sehr, sehr weitergeholfen. Noch abschließend zum Verständnis: Ein Startild Bildschirmfüllend darzustellen ist aufgrund der unterschiedlichen Auflösungen der Betrachter nicht möglich, sehe ich das richtig?

25.04.2012, 10:29	#12
Trancedomain Member Themenstarter Registriert seit: 04.10.2008 Ort: Hannover Beiträge: 171 Kamera: Bridgekamera Panasonic Lumix FZ 100 (25 - 600 mm) Verwendet: Illustrator CS5, Photoshop CS5	Da hast Du sicherlich Recht. Ich lasse das so wie es ist. Also vielen Dank nochmal für deine Hilfe und einen schönen Tag wünsche ich Dir

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Bild als 3 Sekunden Weiterleitung vor PHP-Start??

Reklame

Anzeige

Aktuelles Commag

Anzeige

Social Media

Anzeige