Razred Image
JavaScript ima dostop do opisov vseh slik, ki so vključene v dokument HTML. Opisi slik so zbrani v zbirki document.images. Vsak element te zbirke je objekt razreda Image, ki opisuje eno sliko. Lastnosti tega objekta so align, alt, border, complete, height, hspace, id, isMap, longDesc, lowsrc, name, src, useMap, vspace in width, ki imajo enake pomene kot istoimenske lastnosti značke <img>, s katero sliko vključimo v HTML. Standardni lastnosti sta className in title.
Spreminjanje velikosti slike
<html>
<head>
<script type="text/javascript">
function spremeniVelikost()
{
document.getElementById("compman").height="250"
document.getElementById("compman").width="300"
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" width="107" height="98" />
<br /><br />
<input type="button" onclick="spremeniVelikost()" value="Spremeni velikost slike">
</body>
</html>
Primer: Spremeni sliko, če gre miška preko slike ali iz slike
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.slika.src ="b_blue.gif"
}
function mouseOut()
{
document.slika.src ="b_pink.gif"
}
</script>
</head>
<body>
<a href="http://www.feri.uni-mb.si" target="_blank">
<img border="0" alt="Obisci FERI!" src="b_pink.gif" name="slika" width="26" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
Primer: koliko slik ima dokument
<!-- Koliko slik ima dokument? -->
<html>
<body>
<img border="0" src="hackanm.gif" width="48" height="48"><br />
<img border="0" src="compman.gif" width="107" height="98">
<br /><br />
<script type="text/javascript">
document.write("Ta dokument ima: " + document.images.length + " sliki.")
</script>
</body>
</html>
