nicht angemeldet
Div langsam einblenden
Hallo liebe Community,
ich bin noch totaler Anfänger im Bereich JavaScript.
Also ich möchte gerne das beim drüberfahren über ein div ein anderer Div langsam eingeblendet wird. so wie hier http://livedemo00.template-help.com/wt_33947/index.html z.b. die navigation.
Wie mache ich das genau? ich will eigentlich nur das eine bildfolge abläuft also das das erste bild nach z.b. 0,2s aufgerufen wird und das nächste dann 0,3s später.
ich hoffe ihr könnt mir bischen helfen
mfg arees
-
Zunächst solltest Du Dir den SelfHTML-Abschnitt zu JavaScript durchlesen. Achte insbesondere auf die folgenden Dinge:
Das div-node könntest Du, wenn Du es mit einer ID versiehst, per document.getElementById('[id hier einfügen]') bekommen und dessen img-Nodes mit document.getElementById('[id hier einfügen]').getElementsByTagName('img').
Die CSS-Eigenschaften, mit der Du die Anzeige aus-/einschalten kannst, sind in JavaScript per node.style.visibility (Größe bleibt erhalten, Werte: 'visible' = an, 'hidden' = aus) und node.style.display (Größe verschwindet völlig, Werte: 'block' = an, 'none' = aus).
Die Verzögerung bekommst Du mit window.setInterval(callback, zeit) hin. Jetzt musst Du diese Zutaten nur noch kombinieren und solltest auf das gewünschte Ergebnis kommen - wenn Du konkrete Schwierigkeiten hast, komme gern auf diesen Thread zurück.
Gruß, LX
--
RFC 1925, Satz 3: Mit ausreichendem Schub fliegen Schweine ganz wunderbar. (...)-
ich versteh es noch nicht ganz wann man die Punkte setzt zwischen den Objekten. z.b. node.style.visibility kommt der wert also visible z.b. jetzt in die Klammern?
also
document.getElementById('div')node.style.visibility(visible);oder
document.getElementById('div')node.style.visibility = visible;
ist überhaupt eins davon richtig??
-
Hi!
document.getElementById('div')node.style.visibility = visible;
ist überhaupt eins davon richtig??Fast richtig...
<div id="images">
<img>...
</div>
<script type="text/java
var div=document.getElementById('images');
var img=div.getElementsByTagName('img')[0];
img.style.visibility = 'hidden';
</script>Jetzt schau Dir noch mal die for-Schleife und setTimeout an, dann hast Du es fast schon :-)
Gruß, LX
--
RFC 1925, Satz 3: Mit ausreichendem Schub fliegen Schweine ganz wunderbar. (...)-
kannste mir vll deine skype oder icq addy geben? ich hab es jetzt so ungefähr hinbekommen aber es klappt irgwie immer noch nicht :(
wäre dir echt dankbar wenn du es mir nochmal über skype erklähren würdest ;)
mfg arees
-
Aus Sicherheitsgründen benutze ich kein Skype oder ICQ mehr. Warum reicht dieses Forum nicht, damit Du mir sagst, was Du hinbekommen hast, das aber dennoch nicht funktioniert?
Gruß, LX
--
RFC 1925, Satz 3: Mit ausreichendem Schub fliegen Schweine ganz wunderbar. (...)
-
-
-
-
-
Hallo,
Hallo liebe Community,
ich bin noch totaler Anfänger im Bereich JavaScript.Also ich möchte gerne das beim drüberfahren über ein div ein anderer Div langsam eingeblendet wird. so wie hier http://livedemo00.template-help.com/wt_33947/index.html z.b. die navigation.
Wie mache ich das genau? ich will eigentlich nur das eine bildfolge abläuft also das das erste bild nach z.b. 0,2s aufgerufen wird und das nächste dann 0,3s später.ich hoffe ihr könnt mir bischen helfen
Es gibt Lightbox und den Fader von Felix Riesterer hier auf Selfhtml. Das kannst Du nutzen oder Dir was abgucken.
Gruß
jobo