bild nach bildwechsel "löschen"

[benji]

Hallo lousypoetry !

ich hab folgende frage: ich führe mit einer funktion einen bildwechsel durch:

-> notice: b musst du vorher zu array machen, und wenn das dein kompletter script sein
     soll, wovon ich ausgehe, muss da folgendes hinzu:
       b = new Array();

b[0] = new Image(); b[0].src ="haus.gif";
b[1] = new Image(); b[1].src ="garten.gif";

function wechseln()
  {
          document.images[0]. src = b[1].src;

-------------------------------^^^^
                         !  bitte kein Leerzeichen !

}

b[1] ist eine gif-animation und ich möchte, dass sie nach ablauf wieder aus dem bild verschwindet.

Also ein transparentes Bild an die stelle des Bildes ? Das ist kein problem, einfach ein transparentes gif mit der größe des gif's machen, und dass als b[2] nach entsprechenden millisekunden einfügen (window.setTimeout).

Oder du kannst es (ist besser) direkt in der Gif-animation machen, einfach das letzte bild nach "hintergrund" (der transparent sein sollte) auflösen, das geht bei den meisten Programmen (z.B. ulead gif-animator)

aber: wie bekomme ich das hin? ich kann das bild ja nicht über seine id oder seinen namen ansprechen (oder doch?), kann mir da jemand helfen? Danke!
ehm.... du hast es doch oben in deinem quelltext über document.images[0], also dem ersten Bild auf der Seite angesprochen - so sprichst du es nochmal an !
Ansonsten kannst du das Bild egal wie ansprechen, z.B.

- id
   - name
   - sonstigen attributen (wird etwas umständlich ;-)
   - node (z.B. als "icon" bei einem <a>)

Mit id geht das z.B. nach DOM-Standart ganz einfach:

<img src="bla.gif" id="meinbild">

.....
 neuesbild = new Image(); neuesbild.src = "bla2.gif";
 document.getElementById("meinbild").src = neuesbild.src;

oder per name:

<img name="meinbild" ...
....
 document.getElementbyName("meinbild")[0].src

da gehört dieser array-index [x] hinzu, da es im gegensatz zu id mehrere mit dem gleichen name-attribut gekennzeichnete tags auf der seite geben darf.

Oder ein kleines DOM-Beispiel:

<a href="bla.htm" onmouseover="bild(this)"><img src="icon-cold.gif"> Mein text</a>

......

function bild(elem)
{
 elem.firstChild.src = neuesbild.src
}

Wie du siehst: So einfach ist es ! Lese dir doch zu dem ganzen Zeug mal das ganze Zeug in SelfHTML durch, da stehts einigermaßen erklärt.

benji