new Image()

[SCH]

Hallo

Ich habe eine Frage bezüglich folgendem:

s8 = new Image();
s8.src = "bild.gif";  (usw)

Gibt es auch eine Alternative für "new Image()"?? Ich möchte nämlich das zweite Bild über das erste bringen, sodass man das erste noch darunter sieht (z.B. wenn das zweite transparenten Hintergrund hat).

Anders gesagt, ich möchte kein "new Image", sondern dass das besagte Bild über das alte hineinkommt.

Vielen dank für eine eventuelle Hilfe

Schteffan

[mech]

Hallo

Ich habe eine Frage bezüglich folgendem:

s8 = new Image();
s8.src = "bild.gif";  (usw)

Gibt es auch eine Alternative für "new Image()"?? Ich möchte nämlich das zweite Bild über das erste bringen, sodass man das erste noch darunter sieht (z.B. wenn das zweite transparenten Hintergrund hat).

Anders gesagt, ich möchte kein "new Image", sondern dass das besagte Bild über das alte hineinkommt.

Vielen dank für eine eventuelle Hilfe

Schteffan

wüsste nicht, dass das geht, da du ja anscheinend ein transparentes gif draufpacken möchtest
allerdings wäre eine alternative 2 layer zu definieren, die genau die selbe position haben, und dann halt per js beispielsweise
document.getElementById('die_ID_des_zweiten_layers').innerHTML="<img src='bild.gif'>";

das zweite bild dareinpacken ........

hoffe es hilft
gruß

[Lutz T.]

Hallo

Ich habe eine Frage bezüglich folgendem:

s8 = new Image();
s8.src = "bild.gif";  (usw)

Gibt es auch eine Alternative für "new Image()"?? Ich möchte nämlich das zweite Bild über das erste bringen, sodass man das erste noch darunter sieht (z.B. wenn das zweite transparenten Hintergrund hat).

Anders gesagt, ich möchte kein "new Image", sondern dass das besagte Bild über das alte hineinkommt.

Vielen dank für eine eventuelle Hilfe

Schteffan

Hallo Schteffan, mit
s8 = new Image();
s8.src = "bild.gif";  (usw)
wird noch kein Bild dargestellt, es werden nur die Bilder vorgeladen, die später einmal dargestellt werden sollen, damit die Bilder dann nicht erst geladen werden müssen (z.B bei onMouseOver).
Den von Dir gewünschten Effekt kannst Du erreichen, wenn Du zwei <div>-Elemente an die selbe Possition (mit unterschiedlichem z-index) legst, in denen Du jeweils ein Bild darstellst, z.B. so:
<div style="position:absolute; left:100; top:100; z-index:1"><img src="Hintergrund.gif" border=0></div>
<div style="position:absolute; left:100; top:100; z-index:2"><img src="Vordergrund.gif" border=0></div>
MfG. Lutz T.

[Thomas Meinike]

Hallo,

<div style="position:absolute; left:100; top:100; z-index:1"><img src="Hintergrund.gif" border=0></div>

CSS-length-Angaben != 0 erfordern eine Einheit, hier vermutlich px. Sonst zeigen Browser im standards-compliant mode ggf. nur die Breite/Hoehe an, die der Inhalt beansprucht.

MfG, Thomas

[Thorsten S.]

Hi Schteffan

je nach dem was du vorhast kannst du auch das hintere bild als hintergrund für eine Tabellen(zelle) definieren und das obere darüber legen, wenn das hinkommt für das was du vorhast, musst du nicht mit Ebenen arbeiten. Diese werden z.b. beim Netscape mit deaktiertem Javscript nichtmehr dargestellt.

etwas so,

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="image1.gif"><img src="image2.gif" /></td>
</tr>
</table>

gruss

Thorsten