Printable View
I have certain queries in my JavaScript project. There will be multiple images on my form. These will be selected by the user on the form prior to this form. When the user comes on this form of images it should display how many images are present in the current form. So the user is not needed to count his/her selection. I am unable to code this.
Images Object Array is supported in JavaScript 1.1 version of JavaScript. The Image Object Array is a collection of all the images in a document. To determine the total number of images displayed in the document we need to use the length property. Thus if you need to count the number of images using JavaScript use the length property of Image Object Array.
In JavaScript we can deal with images in a document using JavaScript Image Object. The basic syntax to access the image using the image object is:
To access image relative to its location in an array:
Using Image name to access the image:Quote:
document.images[i]
To get the image countQuote:
document.images.name
Quote:
document.images.length
I too had to keep a track of the image count in my JScript project where the images resembled the choices made by the visitor and I had to tally them all at the end. I tried many things and finally this piece of code helped me to get the image count:
Include the above code in your project to enable image count in a document. You may print or save the image count to be used later.Code:<script language="JavaScript1.1">
document.write(document.images.length);
</script>
This piece of code helped me to track the number of images in my file using the scripting language as JavaScript with HTML web page. Hope this will work for you as well.Code:<html>
<B>Tiger</B>
<img src="Tiger.gif">
<br>
<B>Cat</B>
<img src="Cat.gif">
<br>
<B>Lion</B>
<img src="Lion.gif">
<br>
<script language="JavaScript">
<!--
document.write(document.images.length," Images");
-->
</script>
</html>
I had an assignment question where in it was required to a count of images on a web page which was to be scripted using JavaScript. We were given two images on a document and had to count them to display the image count as 2. This is the program that I did:
Code:<html>
<body>
<img alt="Virus" border="0" src="Pic1.gif" width="70" height="70" />
<br />
<img alt="Worm" border="0" src="Pic2.gif" width="50" height="50" />
<br /><br />
<script type="text/javascript">
document.write("The image count of this document is: " + document.images.length);
</script>
</body>
</html>