JavaScript Slide Effekt

[Christian S.]

Hi

ich interessiere mich für das Erstellen eines Slide Effekts in JavaScript.

Und zwar versteh ich darunter, das z.B. ein Element von oben nach unten rutscht. An sich ja kein großes Ding, aber ich möchte, dass die obere Kante des Objekts, immer an der gleichen Stelle bleibt.
Es soll also etwa so funktionieren wie ein Fensterrollladen...

Am Anfang ist also nichts sichtbar, und dann rutscht die Unterseite immer weiter runter, so dass oben immer mehr zu sehen ist.

Ich frage mich nun, wie man da am besten ran geht. Mir erscheinen nämlich 2 Möglichkeiten in Frage zu kommen:

1. Das Element per style.clip so zuschneiden, dass immer nur der gewünschte Ausschnitt sichtbar ist.

2. Um das Element ein weiteres Element wrappen, mit style.overflow = "hidden". Und das innere einfach nach unten bewegen. Der Wrapper sorgt dann für das zuschneiden.

Welche Methode ist geeignter, insbesondere auch in Bezug auf Performance?
Habe mal gehört dass man z.B. <table> element nicht clippen kann.

Wie wird das üblicherweise gemacht?

Hoffe das Problem ist klar geworden.

Gruß
Christian

[oleeeeee]

Meinst du vlt. sowas?

http://demos.mootools.net/Fx.Slide

[Christian S.]

Meinst du vlt. sowas?

http://demos.mootools.net/Fx.Slide

ja ganz genau.

[Christian S.]

Meinst du vlt. sowas?

http://demos.mootools.net/Fx.Slide

ja ganz genau.

Das ist wohl mit der overflow Methode gemacht... Und mit negativen Margins, statt mit setzen von top/left.

Warum nur?!

Gruß!

[oleeeeeee]

Das ist wohl mit der overflow Methode gemacht... Und mit negativen Margins, statt mit setzen von top/left.

du kannst den quelltext da einfach einsehen. um das selbe zu machen brauchst du nur das mootools Framework

[ww (nicht eingeloggt)]

Hi!

1. Das Element per style.clip so zuschneiden, dass immer nur der gewünschte Ausschnitt sichtbar ist.

2. Um das Element ein weiteres Element wrappen, mit style.overflow = "hidden". Und das innere einfach nach unten bewegen. Der Wrapper sorgt dann für das zuschneiden.

3. Und warum nicht einfach die Höhe schrittweise verändern?

Ciao, Lukas

[Christian S.]

Hi,

3. Und warum nicht einfach die Höhe schrittweise verändern?

Weil dadurch ja der obere Rand nicht abgeschnitten werden würde.

Gruß!