Bild innerhalb einer Tabelle einblenden/verschieben

[Stefan Einspender]

Hallo Forumsbesucher,

Nach längerer Zeit habe ich jetzt mal wieder an meinem Projekt
"Patchwork" etwas rumgebastelt, die Startseite (<g>) ist auch
schon fast fertig, aber jetzt fehlt mir irgendwie der Ansatz
zur Lösung meines derzeitigen Problemes :-(

Also, ich habe auf http://www.favicon.de/patchwork/index.html
soweit die Sache zusammengebaut, soll im wesentlichen auch so
bleiben, nur suche ich nach einem Filter, einer JS-Funktion
o.ä., die bewirkt, dass das mittlere Bild in der Tabelle
(das mit den bunten Favicons) bei onLoad (body) langsam
geöffnet wird. Ich dachte an ein Hereinschieben des Bildes
von rechts nach links an seine endgültige Position (die
jetztige). An sich kein Problem, wenn ich das Bild exakt
positioniere, allerdings im kongreten Fall soll ausserhalb
der Tabelle keinerlei Veränderung vor sich gehen und auch
soll die Tabelle immer in Bildschirmmitte positioniert sein.

Wer kann mir hier weiterhelfen oder einen Ansatz zur Lösung geben?

Viele Grüße aus Dresden,
Stefan Einspender

PS: Der Effekt soll so ähnlich wie auf http://www.screenexa.net/
ausschauen, nur muss bei mir eben der Zellenhintergrund vor bzw.
während der Verschiebung sichtbar sein :-(

[André Laugks]

Hallo Stefan!

An sich kein Problem, wenn ich das Bild exakt
positioniere, allerdings im kongreten Fall soll ausserhalb
der Tabelle keinerlei Veränderung vor sich gehen und auch
soll die Tabelle immer in Bildschirmmitte positioniert sein.

Mit diesen beiden Scripten kannst für den IE und Netscape jeweils die Mitte, in x und y Richtung berwechnen. Wenn Du die Mitte hast, und die Größe Deines Bildes, ist der Rest nur noch Kopfrechnen.
z.B.
x_mitte = (breite - 200);  von der Mitte aus, 200 Pixel nach rechts

<script  language="JavaScript">
<!--

var breite, hoehe, y_mitte, x_mitte;

if (document.layers)
{
breite = self.innerWidth;
x_mitte = breite;
hoehe = self.innerHeight;
y_mitte = hoehe;
}
//-->
</script>

Das Script für den IE sollte ion den Body, am besten ganz am Ende.

<script language="JavaScript">
<!--
var breite, hoehe, y_mitte, x_mitte;

if (document.all)
{
breite = document.body.clientWidth;
x_mitte = breite;
hoehe = document.body.clientWidth;
y_mitte = hoehe;
}
//-->
</script>

mfg, André

[André Laugks]

Hallo!

Heut schon wieder der selbe Quatsch. Ich wider si durch den Wind.

x_mitte = (breite - 200);  von der Mitte aus, 200 Pixel nach rechts

x_mitte = (breite - 200);  von der Mitte aus, 200 Pixel nach rechts

hoehe = document.body.clientWidth;
y_mitte = hoehe;

hoehe = document.body.clientWidth;
y_mitte = hoehe;

hoehe = document.body.clientHeight;
y_mitte = hoehe;

Du hättest meine kleinen Fehlerchen sicherlich selbst erkannt, aber wenn, da will ich es schon richtig machen.

mfg, André