Calcular el numero de imagenes con JavaScript Julio 4, 2007
Publicado por lineadecodigo en : JavaScript , trackbackOtra de las cosas que podemos hacer manipulando el DOM de una página web y apoyandonos en JavaScript es poder calcular el número de imágenes que tenemos cargadas en la página.
Lo primero que vamos a hacer es poner unas cuantas imágenes en nuestra página HTML. Para ello nos apoyamos en la etiqueta <IMG>. Veamos como sería el código:
<img src="prototype.png" alt="Prototype"><br> <img src="groovy.gif" alt="Groovy"><br> <img src="opera.jpg" alt="Opera"><br> <img src="firefox.jpg" alt="FireFox"><br>
En el atributo src indicamos la URL que contiene la imagen y mediante el atributo alt indicamos el texto alternativo asociado a la imágen.
El DOM nos ofrece el objeto document.images. Dicho objeto hace referencia a las imágenes que hay dentro del documento HTML.
Y si utilizamos el atributo length, este nos indicará el número de imágenes del documento. Solo nos quedará el volcar el contenido a la página mediante document.write de JavaScript.
El número de imagenes del documento es <script type="text/javascript"> document.write(document.images.length); </script>
Visualizar el ejemplo | Descargar el codigo
Articulos Similares:
- Ocultar imagenes con CSS
- Cambiar el tamaño de la imagen de forma dinamica
- Obtener el titulo de la página con JavaScript
- Obtener la URL del documento con JavaScript
- Numero de enlaces del documento
Enviar entrada por email
| 
Imprimir
| 2020 visitas
(2 votos, media: 5.00 de 5)
Loading ...
Comentarios»
Todavía no hay comentarios. ¿Quieres ser el primero?