Frage an die Experten

G

Gnosius

Mitglied
Hallo,

Vielleicht kann mir einer von Euch mit diesem (hoffentlich leichten) Problem helfen.
Ich möchte, dass beim Aufruf meiner Domain ein Bild auf dem ganzen Bildschirm angezeigt wird und nach 10 Sekunden zu einer anderen URL weitergeleitet wird.
Wäre schön, wenn das Bild dann auf den verschiedenen Geräten (vor allem Handies) ordentlich (ca. bildschirmfüllend angezeigt wird).
Ich habe keine Ahnung von Java und co. Kann lediglich Filezilla bedienen, um Files zu meiner Domain hochzuladen.
Mir wurde gesagt, ich solle nach "JavaScript setTimeout location.replace und Methods" suchen, aber das sind für mich leider nur böhmische Dörfer.

Vielen Dank schon im Voraus.
 
Wieder was gelernt, dass es da einen Unterschied gibt. Dachte immer, Java ist eine Insel....
Egal, zurück zum Spiel: wo könnte ich denn da Hilfe finden?
 
Du hast eine mögliche Lösung schon genannt, aber dennoch angeblich keine Ahnung davon. Den Link zu giyf.com hast nur du genannt. Und für "Gott" hält sich auch niemand.

Vielleicht helfen dir diese hints, dich als neuer besser der bestehenden Community "anzupassen".
 
Zuletzt bearbeitet von einem Moderator:
Sorry, Teil der Lösung genannt? Meinst Du das mit "JavaScript setTimeout location.replace und Methods"??? Das hat ein Amerikaner geposted, aber ich habe keine Ahnung, was ich damit anfangen soll. Sorry, "Google is your friend" meinte ich nicht abwertend, denn es hat mir ja geholfen. Habe stackoverflow gefunden und mich dort registriert.
 
Hier mal ein Beispiel mit JavaScript, getestet in Chrome und Firefox.
HTML: 
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test</title>
    <style>
        html,body { margin: 0; height: 100%; }
        #wrapper {
            width: 100%;
            height: 100%;
            background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/18/040324_ktm_60.png");
            background-size: cover;
            background-position: center;
        }
    </style>
</head>
<body>
    <div id="wrapper"></div>
    <script>
        var neueURL="https://www.selfhtml.org";
        var sekunden = 5;
        window.setTimeout(function() {
            window.location=neueURL;
        }, sekunden*1000);
    </script>
</body> 
</html>
 
mihe7: super!!! Das ist genau das, wonach ich gesucht habe. Auf PC sieht das schon mal super aus, auf Handy werde ich noch testen.
1000 Dank!
 
mihe7: Habe die Adressen für Bild und URL angepasst und in index.html umbenannt und hochgeladen.
Bei Chrome (PC) kann ich die Homepage mit www.domainname.de öffnen, mit nur domainname.de wird aber seltsamerweise auf eine andere meiner Domains umgeleitet. Bei anderen URLS ist das egal. Aufruf von Samsung-Browser geht auch mit beidem.
Ideen?
2. Im Querformat (PC) sieht das Bild super aus, auf dem Handy (Hochformat) wird es seitlich abgeschnitten.
Ist es möglich, zwei verschieden Bilder (Querformat/Hochformat) bereit zu stellen und so einzustellen, dass automatisch das richtige angezeigt wird?
 
Ich hab schon in medias res gelesen. 😀

@Gnosius Habe noch nicht verstanden, warum mihe7s vorschlag bei dir noch nicht funktioniert.🙁
 
Ja seltsam. Mit http oder https davor geht es. Oder auch nur mit www.domain.de auch.
Aber vom Handy geht auch einfach domian.de.
Aber das ist nicht ganz so schlimm.
Das mit Media Queries habe ich mir angeschaut, aber ich fürchte, das übertrifft meine Kompetenzen. Das letzte, das ich programmiert habe, war das Navigationsprogramm auf der Titanic...und das hatte bekanntermaßen einige Bugs.
Ich hatte gehofft, dass ich in das Script einfach noch eine Zeile einfügen kann, nach dem Motto:
"if handy then hochformat.jpg else querformat.jpg".
Aber notfalls benutze ich einfach ein hochformat-Bild, denn ich denke, meistens wird die Seite vom Handy aufgerufen.
 
Gnosius hat gesagt.:
Ich hatte gehofft, dass ich in das Script einfach noch eine Zeile einfügen kann, nach dem Motto:
"if handy then hochformat.jpg else querformat.jpg".
Zum Vergrößern anklicken....
So in etwa funktioniert das auch:
HTML: 
    <style>
        html,body { margin: 0; height: 100%; }
        #wrapper {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        @media(orientation: portrait) {
            #wrapper {
                background-image: url("https://domain.de/hochformat.png");
            }
        }
        @media(orientation: landscape) {
            #wrapper {
                background-image: url("https://domain.de/querformat.png");
            }
        }
    </style>
Da musst Du ein wenig probieren. In dem Link, den ich Dir vorhin geschrieben habe, sind zahlreiche Möglichkeiten angegeben, die abgefragt werden können. Du kannst auch für die gleiche Eigenschaft mehrere Queries haben - das CSS wird von oben nach unten ausgewertet. D. h. wenn Du schreibst:
HTML: 
body { background-color: white; }
@media(min-width: 600px) {
    body { background-color: green; }
}
@media(min-width: 800px) {
    body { background-color: blue; }
}
Dann wird standardmäßig ein weißer Hintergrund angezeigt. Wenn die Breite zwischen 600 und 800 Pixel (excl) breit ist, dann trifft die erste Media-Query zu und der Hintergrund wird auf grün gesetzt. Ab 800 Pixel treffen beide Queries zu, dann wird zuerst die erste und dann die zweite ausgewertet, so dass am Ende eine blaue Hintergrundfarbe rauskommt.
 
Aus Mangel an Sachkompetenz mache halt auf Affe. Wenn ein Schimpanse lang genug auf einer Tastatur rumtippt, kommt auch mal ein brauchbarer Satz heraus. Ich versuche, den Vorgang mit copypaste zu verkürzen...
 
So, hat beim ersten Versuch geklappt! Educated guess ;-)
PC wunderbar. Allerdings sieht es nur auf meinem Handy (S9+) sehr gut aus (langer Bildschirm) Auf anderen wird oben und unten etwas abgeschnitten. Gibt es da eine Funktion, die das Bild etwas quietscht oder streckt oder zumindest nicht oben abschneidet?
 
...und ein Problem habe ich mir eingehandelt... nachdem ich die Index-html hochgeladen habe, hat sich der Pfad zu Dateien meiner anderen Homepage verändert.
Schaut man in Filezilla, liegt im Wurzelverzeichnis ein Ordner Domain1, Domain2, Domain3. (bin bei Strato.de)
Meine Hauptdomain ist nach wie vor mit www.domain1.de zu erreichen. Da ist die Familenhomepage hinterlegt
Diverse Bilder habe ich in /domain1/Bildordner/urlaub1.jpg usw. abgelegt und konnten direkt mit www.domain1.de/Bildordner/urlaub1.jpg aufgerufen werden.
Ich habe mal die URL eines Bildes kopiert und das sieht jetzt so aus:
ftp://domain1.de@www.domain1.de/domain1/bildordner/urlaub1.jpg also ist noch ein "domain1" dazwischengerutscht.
Mit http://www.domain1.de/domain1/bildordner/urlaub1.jpg kann man die Bilder aber nicht aufrufen, sondern nur direkt im Browser weiterhin mit http://www.domain1.de/bildordner/urlaub1.jpg aufrufen, also ohne den Zusatzordner dazwischen. Allerdings nur mit http. Https geht nicht.
Komisch ist aber, dass die gleichen links aus einer App heraus, die ich benutze, nicht mehr funktionieren.
 
Gnosius hat gesagt.:
Gibt es da eine Funktion, die das Bild etwas quietscht oder streckt oder zumindest nicht oben abschneidet?
Zum Vergrößern anklicken....
Das hängt davon ab, wie Du background-size und ggf. background-position angibst. Aktuell steht dort "cover" und "center". Ersteres sorgt dafür, dass das Bild skaliert aber nicht verzerrt wird, so dass es den ganzen Container ausfüllt. Wenn das Seitenverhältnis des Containers vom Bild abweicht, muss sich ein Teil des Bilds außerhalb des Containers befinden. Mit "center" wird dann dafür gesorgt, dass das Bild ausgemittelt wird. Ohne "center" dürfte das Bild rechts bzw. unten abgeschnitten werden.

Willst Du das Bild verzerren, kannst Du "background-size: 100% 100%" angeben.
 
Zum anderen Problem: Du hast zwei URLs für ein und dieselbe Ressource.
  1. http://www.domain1.de/Bildordner/urlaub1.jpg
  2. ftp://domain1.de@www.domain1.de/domain1/bildordner/urlaub1.jpg
Das ist keineswegs ungewöhnlich, denn es werden völlig unterschiedliche Dienste angesprochen. Um die erste Domain kümmert sich der Webserver, um die zweite der FTP-Server.

Ob HTTP oder HTTPS zur Verfügung steht, hängt von Deiner Konfiguration bei Deinem Provider ab.
 
;-) sollte quetschen heißen...
Das mit dem Zugriff auf die Dateien hat sich erledigt. Hatte wohl das SSL Zertifikat auf die neue Domain übertragen und die andere war dann nur unter http:... erreichbar (obwohl nach demÖffnen dann https angezeigt wurde.
Habe ein neues SSL Zertifikat für die Hauptdomain bestellt und nach einer Stunde ging es dann wieder.
Habe das bild nochmal zugeschnitten und mit background postion top versucht: sieht so ordentlich aus. nochmals 1000 Dank!
 

Aktuelle Jobs

Neue Themen

Ähnliche Themen

welches design pattern? frage an die oo-experten unter euch...
Antworten: 3
Mal ne Frage an die Experten
Antworten: 4
Experten für Scala-Play- Programmierung gesucht!!
Antworten: 3
Dringend Experten für Scala-Play basierte Programmierung!!!!
Antworten: 0
Brauche Swing-Experten
Antworten: 4

Zurück
Oben