Contar imágenes con jquery y luego generar el #

Question

Estoy buscando contar el número de imágenes con un cierto nombre de clase div y luego mostrar el número que se calcula para mostrarlo en una página. Cualquier consejo sobre cómo obtener esto. Se usaría para que el usuario sepa cuántas imágenes hay en mi desplazamiento de imagen. Eventualmente me gustaría descubrir cómo obtener una lista dinámica como 1/10, 2/10, etc., según la imagen en que esté el usuario.

aquí está la página para que pueda ver de lo que estoy hablando con la rueda de desplazamiento.

http://www.cdtto.com/site/?p=5

que tienen la scoller que tira de imágenes de un campo personalizado en Worpress, puedo añadir tantas imágenes como me gusta. Usé el desplazamiento scrollTo.js jquery para desplazar las imágenes, estoy buscando obtener un recuento de la imagen y me gustaría tener esa salida

Answer 1

El selector jQuery devuelve una matriz así que solo obtenga la longitud de la misma. Por ejemplo:

jQuery(".image").Length 

consulte la página de jQuery Selectors si necesita consultas de selección más complejas. Usted dijo que todas las imágenes en un div la consulta que tendría que utilizar algo así como jQuery("div#divName img")

Answer 2

$(".divClassName").find("img").length 

es eso lo que está buscando?

Answer 3

podría utilizar este código:

var numImgs = $('div.myClassName img').length; 
alert(numImgs); 
$('div#count').text(numImgs); 

A diferencia de los otros ejemplos, éste busca el número de imágenes contenidas en un div con un nombre de clase dado.

Answer 4

Sobre la base de su margen de beneficio real en http://www.cdtto.com/site/?p=5:.

//Count images inside element with 'feature' classname 
var featureImageCount = $('div.featured img').length; 

//Add element to display count to user 
$('#header3 .featured-bar').after('<div>' + featureImageCount + ' Images</div>');