Contar imágenes de otro documento con javascript

0 votos
preguntado por enigma1980 (120 puntos) Ene 28, 2016 en Javascript
Hola, mi problema es que me gustaría poder contar el número de imágenes, guiándome por la etiqueta img, de un documento pero que el valor del resultado me apareciese en otro documento distinto.

A ver si alguien me pudiese ayudar.

Gracias.

2 Respuestas

0 votos
respondido por Eduardo (220 puntos) Jun 2, 2016
Hola :D
Lo puedes realizar de la siguiente manera ;). únicamente combia el nombre del document.
Crea un archivo js para que lo puedas ocupar del form que quieras.

function CountImages() {
var valor;
for (i = 0; i < document.forms[0].length; i++) {
doc = document.forms[0].elements[i];
switch (doc.type) {
case "image":
valor++;
 break;
 default:
 break;
 }
return valor;
}
 
}
0 votos
respondido por Ferxoo Kings (260 puntos) Jul 1, 2016

Para ello debemos de capturar el evento onMouseOut que lanzará otra función que llamaremos volver.

  1. <a href="#" onMouseOver="cambiar();" onMouseOut="volver();">Al pasar sobre mi cambiará la imagen</a>

Con respecto a las funciones Javascript debemos de tener en cuenta como se llama la imagen del documento. Para ello daremos un identificador a la imagen a través de su parámetro ID.

  1. <img src="mt05.jpg" id="matrix"/>

Como conocemos el nombre de la imagen valdrá con modificar su parámetro src que indica el origen de la imagen.

  1. <script type="text/javascript">

  2. function cambiar () {

  3. document.getElementById('matrix').src = "mt07.jpg";

  4. }

  5. function volver () {

  6. document.getElementById('matrix').src = "mt05.jpg";

  7. }

  8. </script>

Preguntas relacionadas

0 votos
1 respuesta
0 votos
0 respuestas
0 votos
0 respuestas
0 votos
0 respuestas
0 votos
1 respuesta
preguntado por planseldon (120 puntos) Ene 28, 2016 en Javascript
Bienvenido a Dudas de Programación, donde puedes hacer preguntas y recibir respuestas sobre los problemas más frecuentes de los lenguajes de programación, frameworks de desarrollo y bases de datos que utilices. Foro de Línea de Código
...