nicht angemeldet
Bilder bewegen....
Nur eine kleine Newbie-Frage... :)
Wie kann ich mit Java-Script zwei Bilder die vom linken/rechten Bildschirmrand kommen in der Mitte des Fensters zusammentreffen lassen?
Ich bin dankbar für jede ernstgemeinte Antwort... ^^
-
Hallo
Nur eine kleine Newbie-Frage... :)
Wie kann ich mit Java-Script zwei Bilder die vom linken/rechten Bildschirmrand kommen in der Mitte des Fensters zusammentreffen lassen?
Ich bin dankbar für jede ernstgemeinte Antwort... ^^hier eine Anleitung:
(1) Packe die Bilder in Layer (positionierbare Bereiche) und setze deren Sichtbarkeit auf unsichtbar.(2) Ermittle die Breite des aktuellen Fensters.
(3) Berechne die Mitte der Seite.
(4) Positioniere Bild 1, Wert für links: 0-Bildbreite
(5) Positioniere Bild 2, Wert für links: Seitenbreite
Experimentiere mit clip, damit unschöne Scrolleffekte vermieden werden(6) Setze die Sichtbarkeit der Layer auf sichtbar
(7) Starte eine Funktion zum pixelweisen Verschieben der Layer
(z.B. durch Änderung der Position)(8) Prüfe, am Ende der Funktion, ob der Linkswert von Bild 1 + Bildbreite gleich der Seitenmitte ist.
(9) Prüfe, am Ende der Funktion, ob der Linkswert von Bild 2 gleich der Seitenmitte ist.
(10) Trifft (8) und (9) nicht zu, dann rufe die Funktion zeitverzögert erneut auf.
(11) Trifft (8) oder (9) zu, aber nichts beides, lasse dir was einfallen :-)
(12) Trifft (8) und (9) zu, bist du fertig.
Viele Grüße
Antje
PS: An- und Abrede sind SELFverständlich.
-
Guten Morgen Newbie
möglich wär zb: folgendes:
<html>
<head>
<style>div{position:absolute;left:-1000}</style>
<script>
var d=document,dl=d.layers,v=16,x=-1;
function D(i,l){dl?dl[i].left=l:d.getElementsByTagName('div')[i].style.left=l};
function W(i,li){return dl?dl[li].document.images[i].width:d.images[i].getAttribute('width')};
function T(){setInterval('x+=2;x<w/2+v?(D(0,-W(0,0)+x-v),D(1,w-x+v)):clearInterval()',1);};
</script>
</head>
<body onload='w=d.all?d.body.offsetWidth:innerWidth;T()'>
<div><img src='erschendebbes' width=#></img></div>
<div><img src='erschendebbesanneres' width=##></img></div>
</body>
</html>gruß
matho
Möge die Energie des Verstehens mit Dir sein.