info@a-coding-project.de

JavaScript: images

Das clientseitige images-Objekt ist zum Einen ein Array der Bilder einer Seite (unter JavaScript ) und zum Anderen eine Kollektion (unter JScript) ebendieser img-Elemente.

JScript  nach oben

Die images-Kollektion (JScript) besitzt die folgende Eigenschaft:

  • length (JScript 3.0)

... und Methoden:

  • item (JScript 3.0)
  • namedItem (JScript 6.0)
  • tags (JScript 3.0)
  • urns (JScript 5.0)

Bitte beachten Sie, dass es sich dabei um eine Kollektion handelt. Die Eigenschaften von Kollektionen werden im Abschnitt 4 dieses Kapitels genauer beschrieben.

if(document.images.meinbild.complete == true)
{ ... }

JavaScript  nach oben

Wie bereits eingangs erwähnt, handelt es sich bei images unter JavaScript um ein Array. Der Zugriff auf ein einzelnes Bild kann entweder über den nullbasierten Index oder den Namens-String geschehen. Beide werden innerhalb der eckigen Klammern notiert. Außerdem kann das Bild auch direkt als Unterobjekt des Dokuments mit dem Namen angesprochen werden. Beispiel:

a = document.images[0].src;
b = document.images['meinBild'].src;
c = document.meinBild.src;

Das Array selbst besitzt darüber hinaus die length-Eigenschaft, die die Anzahl der Bilder angibt.

Eigenschaften  nach oben

JavaScript 1.1 DOM 1 border

Die border-Eigenschaft gibt die Breite des Rahmens an.
Notation: Objekt.border

alert('Bild hat die Rahmenstärke '+document.meinBild.border+'!');

JavaScript 1.1 complete

Die complete-Eigenschaft gibt einen booleschen Wert aus, der beschreibt, ob das Bild komplett geladen ist (true) oder nicht (false).
Notation: Objekt.complete

i = document.meinBild;
if(i.complete == true)
{
 alert('Bildgröße: '+i.height+'/'+i.width+' Pixel.');
}

JavaScript 1.1 DOM 1 height & width

Die height-Eigenschaft gibt die Höhe des Bildes aus. Die width-Eigenschaft gibt dementsprechend die Breite aus.
Notation: Objekt.height
Notation: Objekt.width
Beispiel siehe complete-Eigenschaft.

JavaScript 1.1 DOM 1 hspace & vspace

Die hspace-Eigenschaft gibt den horizontalen Abstand des Bildes zu anderen Objekten aus. Die vspace-Eigenschaft gibt den entsprechenden vertikalen Abstand aus.
Notation: Objekt.hspace
Notation: Objekt.vspace
Kein Beispiel.

JavaScript 1.1 DOM 1 lowsrc

Die lowsrc-Eigenschaft liest oder schreibt die Adresse einer abgespeckten (weniger speicherintensiven) Alternativgrafik.
Notation: Objekt.lowsrc

if(document.meinBild.complete == false)
{document.meinBild.lowsrc = 'kleinesbild.gif';}

JavaScript 1.1 DOM 1 name

Die name-Eigenschaft gibt den Namen des Bildes aus.
Notation: Objekt.name
Kein Beispiel.

JavaScript 1.1 DOM 1 src

Die src-Eigenschaft gibt oder setzt die Adresse des anzuzeigenden Bildes.
Notation: Objekt.src

document.meinBild.onmouseover = Doover;
document.meinBild.onmouseout = Doout;
function Doover(){ document.meinBild.src = 'bild1.gif'; }
function Doout(){ document.meinBild.src = 'bild2.gif'; }

Methoden  nach oben

JavaScript 1.2 handleEvent

Die handleEvent-Methode löst ein Ereignis und die damit verbundenen Funktionen aus. Als Parameter wird das entsprechende Event als Eigenschaft erwartet (z.B. Event.CLICK oder Event.MOU SEO VER).
Notation: Objekt.handleEvent(Ereignis)
Kein Beispiel.

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant