nicht angemeldet
Bild für X Sekunden anzeigen lassen
JürgenBHallo,
gibts ne Möglichkeit, irgendein Bild für einige Sekunden anzeigen zu lassen, das dann wieder verschwindet? Also ich hab mir das so vorgestellt, dass ich die Seite aufrufe und dann für vielleicht 5 Sekunden das Bild über dem anderen, was auf der Seite steht, zu sehen ist und dann wieder verschwindet und man sich dem Inhalt der Seite zuwenden kann.
Gruß
--
Pascal
Pascal
-
Hallo Pascal,
schau dir mal
http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id
http://de.selfhtml.org/javascript/objekte/style.htmund
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
sowie, wenn nötig, die Basics von Javascript und CSS an. Mit CSS alleine geht das meines Wissens nach nicht.
Damit Besucher ohne Javascript die Seite sehen können, solltest du das Bild per css unsichtbar machen und per Javascript nach dem Laden der Seite (onload) einblenden und nach 5 Sekunden wieder ausblenden.
Gruß, Jürgen
-
Hallo,
Damit Besucher ohne Javascript die Seite sehen können, solltest du das Bild per css unsichtbar machen und per Javascript nach dem Laden der Seite (onload) einblenden und nach 5 Sekunden wieder ausblenden.
äh ja :D ich weiss ehrlich gesagt überhauptnicht, wie das gehen soll und hab eigentlich auch keine Ahnung davon.
Gruß
--
Pascal-
Hallo Pascal,
Damit Besucher ohne Javascript die Seite sehen können, solltest du das Bild per css unsichtbar machen und per Javascript nach dem Laden der Seite (onload) einblenden und nach 5 Sekunden wieder ausblenden.
äh ja :D ich weiss ehrlich gesagt überhauptnicht, wie das gehen soll und hab eigentlich auch keine Ahnung davon.
wovon hast du keine Ahnung? Von CSS, von Javascript oder vom Algorithmus? Hast du dir die verlinkten Seiten mal angesehen?
Gruß, Jürgen
-
äh ja :D ich weiss ehrlich gesagt überhauptnicht, wie das gehen soll und hab eigentlich auch keine Ahnung davon.
wovon hast du keine Ahnung? Von CSS, von Javascript oder vom Algorithmus? Hast du dir die verlinkten Seiten mal angesehen?
Lass ihn in Ruhe. Er hat nach CSS gefragt und wenn man seinen kleinen Horizont erweitert, wird er schnell giftig.
-
Hallo Kalle_B,
dein Einwand, das so eine Spielerei überflüssig oder sogar störend ist, mag in vielen Fällen richtig sein. Aber ich kann mir auch Situationen vorstellen, wo so ein Intro sinnvoll ist. Außerden glaube ich, das wir für die Seite von Pascal schon aus Altersgründen nicht zur Zielgruppe gehören.
Gruß, Jürgen
-
-
Hallo,
wovon hast du keine Ahnung? Von CSS, von Javascript oder vom Algorithmus? Hast du dir die verlinkten Seiten mal angesehen?
von allem^^ ja, ich habe sie mir angeschaut und weiss jetzt nicht so wirklich, was ich machen soll^^
Gruß
--
Pascal-
Hallo Pascal,
du benötigst ein Bild mit einer Id, das per CSS absolut positioniert und versteckt wird:
<img id="intro" src="Margerite.jpg" width="250" height="250" border="0" alt="">
Die (absolute) Position des Bildes wird dann über left und top eingestellt. Evtl. muss man auch den z-Index setzen, damit das Bild über dem Text liegt. Bitte testen.
Die dazugehörige CSS-Anweisung sieht so aus:
#intro { position:absolute;left:100px;top:100px;display:none }
Dadurch wird das Bild absolut 100px vom oberen und linken Rand positioniert und ausgeblendet.
Jetzt fehlt nur noch das Javascript:
function ausblenden() {
document.getElementById("intro").style.display = "none";
}
function einblenden() {
document.getElementById("intro").style.display = "block";
}Diese Funktionen greifen auf das Bild mit der Methode getElementById zu und ändern die style-Eigenschaft display.
function onl() {
einblenden();
window.setTimeout("ausblenden()",5000);
}Diese Funktion blendet das Bild ein und startet um 5000 ms zeitverzögert die Ausblendefunktion. Diese Funktion darf erst nach dem Laden der Seite aufgerufen werden, da sonst das Bild noch nicht da ist. Dieses geschieht über den onload-Event:
window.onload = onl;
hier noch einmal alles zusammen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Test</title> <style type="text/css"> #intro { position:absolute;left:100px;top:100px;display:none } </style> <script type="text/javascript"> function ausblenden() { document.getElementById("intro").style.display = "none"; } function einblenden() { document.getElementById("intro").style.display = "block"; } function onl() { einblenden(); window.setTimeout("ausblenden()",5000); } window.onload = onl; </script> <body> <h1>Test</h1> <img id="intro" src="Margerite.jpg" width="250" height="250" border="0" alt=""> </body> </html>Versuch bitte, das Script anhand der geposteten Links zu verstehen.
Gruß, Jürgen
-
Hallo Jürgen!
Vielen Dank, es hat perfekt funktioniert. Ich versuche jetzt mal, zu vertehen, wie das funktioniert.
Danke.
--
Pascal
-
-
-
-
-
-
Hallo,
... Also ich hab mir das so vorgestellt, dass ich die Seite aufrufe und dann für vielleicht 5 Sekunden das Bild über dem anderen, was auf der Seite steht, zu sehen ist und dann wieder verschwindet und man sich dem Inhalt der Seite zuwenden kann.
Deine Seite muss ja irre attraktiv sein, dass der Besucher das Versteckspiel mitmacht: Kuckuck, warte mal ein Weilchen, du hast sicher so viel Zeit ...
Ich klicke Seiten innerhalb einer Sekunde weg, wenn ein Intro oder eine Meldung den eigentlichen Inhalt überdeckt. Das ist für mich Spam.
Aber zur Technik: Dein Freund ist Timeout in Javascript. Nach 5 sec. kannst du das Bild verschwinden lassen.
Gruß 2
-
Hi,
Deine Seite muss ja irre attraktiv sein, dass der Besucher das Versteckspiel mitmacht: Kuckuck, warte mal ein Weilchen, du hast sicher so viel Zeit ...
was juckt dich das eigentlich, was ich auf meine Homepage mache? Hab ich dich um deine Meinung gefragt? nein.
Pascal
-
Hi,
was juckt dich das eigentlich, was ich auf meine Homepage mache? Hab ich dich um deine Meinung gefragt? nein.
Und ich habe sie trotzdem gesagt, ganz schön verwegen, was?
Das nennt man auch freie Meinungsäußerung, schon mal gehört?
Pack das einfach in den Papierkorb.
-
Hallo,
Und ich habe sie trotzdem gesagt, ganz schön verwegen, was?
Das nennt man auch freie Meinungsäußerung, schon mal gehört?
schonmal gehört, ja, aber wenn es meine Absicht gewesen wäre, hier ein Meinungsäußerungsthread über meine Homepage zu posten, hätte ich es angekündigt.
Pascal
-
-
-
-
gibts ne Möglichkeit, irgendein Bild für einige Sekunden anzeigen zu lassen, das dann wieder verschwindet? Also ich hab mir das so vorgestellt, dass ich die Seite aufrufe und dann für vielleicht 5 Sekunden das Bild über dem anderen, was auf der Seite steht, zu sehen ist und dann wieder verschwindet und man sich dem Inhalt der Seite zuwenden kann.
was du suchst ist ein interstitial