collapse swap

"Collapse" ist wahrscheinlich das falsche Wort. Du meinst einfach wieder verschwinden lassen, oder?

Am einfachsten machst du einfach eine for-Schleife von 1-Anzahl der Bilder und bastelst den Namen des Bildes selber zusammen und machst dann ein: document.getElementById('bild' + i).style.display = 'none'

Es gibt natürlich 100 schönere Varianten, die um einiges allgemeiner und damit HTML-seitig flexiber sein können.

hmm ich versuchs mal

Eine Möglichkeit wäre: du gibst deinen images im html code z.b. immer den gleichen Klassennamen oder Namen je nach Wunsch(den (Klassen)namen dann im weiteren html nicht mehr verwenden sonst lässt er diese Objekte auch verschwinden)
z.b.
<img src="image1.gif" class="fasel" alt=".." />
<img src="image2.gif" class="fasel" alt=".." />

den JS Code erweiterst du um :

Code: PHP

function swap_extension(swap) {      

var allImages = document.getElementsByClassName('fasel');
for(i=0; i<allImages.length; i++ ) {
  allImages[i].style.display = 'none';
}

displayType = (document.getElementById(swap).style.display == 'none') ? 'block' : 'none';      
document.getElementById(swap).style.display = displayType;  } 

sollt funktionieren hoff ich

hth

edit: upsi "length" statt "lenght" natürlich danke bodom

Zitat von hynk

perfekt, danke. werds ausprobiern sobald ich zuhause bin.
seh ich das richtig, dass das skript einfach alle bilder mit einer länge größer als i auf display:none setzt?
nur damit ich das auch richtig versteh. ist ja immer gut zu wissen, was da eigentlich abläuft.

nochmal vielen dank

nein das script (sollte es funktionieren) lässt alle bilder bzw. objekte mit class="fasel" verschwinden d.h. es werden zuerst alle Bilder ausgeblendet und dann das zum Stern passende eingeblendet

mit getElementsByClassName holst du dir alle Objekte mit diesem Klassennamen, die werden dann durchiteriert und "versteckt"