nicht angemeldet
CSS Eigenschaft für viele Bilder ändern
Ich versuche, Bilder erst anzuzeigen wenn die Seite vollständig geladen ist. Mit einem Bild klappt das auch ganz gut:
[...]
function Fertig(){
document.images.infos.style.visibility='visible';
}
[...]
<body onLoad="Fertig()">
[...]
<img style="visibility: hidden;" id="infos" src="img/infos.png" width="16" height="16" alt="Mehr Infos" />
Wie aber bekomme ich das für sagen wir mal 100 Grafiken hin? Das ist jedes mal die gleiche Grafik und ich kann im Voraus nicht wirklich sagen, wie viele das jeweils sein werden. Gibt es einen simplen Trick, um alle Grafiken mit dem Namen "infos" anzusprechen oder müssen die Namen eindeutig sein und auch einzeln mit Javascript angesprochen werden? Wäre für jede Idee dankbar.
-
Hi!
Tja. Das geht auf verschiedenen Wegen.Du kannst schlicht und einfach durch das Array gehen, das Dir getElementsByName() produziert und dort per Schleife die CSS Eigenschaften aendern.
Du kannst aber auch den Bildern einfach auch eine (CSS) Klasse zuweisen und dieser dann die gewuenschten Eigenschaften geben.
Du kannst natuerlich auch durch alle bilder der Seite iterieren und allen mit dem Namen eigenschaften zuweisen oder es sonstwie anstellen. Ich denke, eine der beiden ersten Moeglichkeiten waere fuer dich interessant.
-
Super, danke für die Antwort. Es funktioniert, getElementsByName hat mich zum Ziel gebracht. So etwas wie der CSS Klasse eine neue Eigenschaft zuweisen habe ich ja eigentlich probiert, nur nicht hinbekommen für alle Grafiken. Wenn du das näher erklären könntest, interessieren würde es mich ja schon...
-