Bilder in Page hineinfahren???

[pit]

Hi,

hoffentlich nur ein kleines Problem:

Wie kann ich es anstellen, dass Bilder in die Page z. B. von rechts nach links hineinfahren (d. H. das Bild ist er gar nicht da und kommt dann Schritt für Schritt vom Rand hineingefahren)?

Ein Bild in der Page verschieben habe ich hinbekommen (mit Zeitleisten)! Aber da war das Bild eben schon an einem Fleck.

Vielen Dank im vorraus!

Pit

 

[C.K.]

Hi,
ich denke sowas lässt sich mit DHTML machen.

Gruß,
Colja

 

[bine]

Oder mir Flash. Geht wohl am Einfachsten.

 

[C.K.]

Bestimmt ... wenn man Flash beherrscht
Ich kanns leider nicht

Gruß,
Colja

 

[reni]

das machst du mit ebenen (layern)

dann gibst du die positionen einfach mit einem wert unter 0 an also zum beispiel -120 oder so...

moment....

so hier:
#deine_ebene { position: absolute; z-index: 50; top: 10px; left: -250px; width: 387px; height: 440px; visibility: visible; display: block }
so nun ist die ebene die 250pix breit ist nicht sichtbar weil sie 250pixel im minus-bereich liegt

ein script zum bewegen von ebenen findest du unter js-welt.de ... weiß ja nicht wie du die ebene bewegen willst (kenn mich auch nicht so aus...ich schau auch immer erst unter js-welt ;-) )

 

[bine]

Klappt das denn auch, wenn das Bild von außerhalb des Browserfensters reingefahren werden soll? Das probier ich ja gern mal aus. Aber heut wohl nicht mehr.

Übrigens kann ich auch kein Flash. Aber mit Swish ist es ganz einfach. Egal, der konventionelle Weg interessiert mich jetzt mehr.

 

[.holger]

ja das geht. (hab ich bei nem Menü mal so gemacht)
einfach schritt für schritt verschieben:

Du packst dein Bild das bewegt werden soll in eine Ebene:
<div id="bild" style="top:50;left:-200;z-index:5;width=140;" id="bildzumbewegen"><img src="deinbild.jpg"></div>

wobei Du die Werte für left, top und width deinen vorstellungen nach verändern musst

dann baust Du dir ne function die das Bild rein rückt und zwar bis zu einem bestimmten Punkt x:

function raus(ebene,bis)
{
if document.getElementById(ebene).style.left < bis
{
document.getElementById(ebene).style.left = document.getElementById(ebene).style.left + 5;
window.setTimeOut("raus(ebene,bis)",50);
}
}

das ganze rufste dann mit raus("bildzubewegen",300); oder so auf (zum Beispiel über einen onload eventhandler oder so)

ungetestet und so "einfach runtergeschrieben" kann also Fehler beinhalten, aber ich denke das Prinzip ist klar.....

 

[hjf]

Hi!

So sieht das dann bei mir aus. Ich mach das mit ´nem Animationspfad.

http://www.funturm.de/schmetterlingframe/index.htm
oder
http://www.funturm.de/schmetterlingnoframe/index.htm
oder
http://www.funturm.de/schmetterlingframeeinfach/index.htm

Bei mir werden unter der Einstellung "frame" alle außerhalb der hp stattfindenden Ereignisse ausgeblendet. Bei "no frame" wird alles angezeigt, notfalls gibts scrollleisten (siehe auch meine hp).

lg joachim