¿Cómo agrego un contador de diapositivas en el control deslizante jquery?

Soy un novato en jquery y me gustaría implementar un conteo de diapositivas en forma de "diapositiva actual/total de diapositivas" ubicado junto a los botones de navegación siguiente/anterior. Esto es lo que tengo en términos del control deslizante de imagen. ¡Gracias por tu ayuda!

$(function() {
    $('#navigation a').click(function() {
        var button = $(this).attr('id');
        var current_image = $('#image img.active');
        var next;
        if (button == 'previous') {
            next = ($('#image img.active').prev().length > 0) ? $('#image img.active').prev() : $('#image img:last-child');
        } else {
            next = ($('#image img.active').next().length > 0) ? $('#image img.active').next() : $('#image img:first-child');
        }
        next.css('z-index', 2).show();
        current_image.fadeOut(600, function() {
            $(this).css('z-index', 1).removeClass('active');
            next.css('z-index', 3).addClass('active');
        });
        return false;
    });
});​

preguntado el 22 de mayo de 12 a las 20:05

1 Respuestas

prueba este

$(function() {
var $slides=$('#image img'),klass='active';
$('#navigation a').click(function() {
    var button = $(this).attr('id');
    var current_image = $slides.filter('.'+klass);
    var index=$slides.index(current_image.get(0));
    if (button == 'previous') {
        index=current_image.prev().length?--index:-1;
    } else {
        index=current_image.next().length?++index:0;
    }
    var next=$slides.eq(index);

    next.css('z-index', 2).show();
    current_image.fadeOut(600, function() {
        $(this).css('z-index', 1).removeClass(klass);
        next.css('z-index', 3).addClass(klass);
    });
    return false;
});
});

contestado el 22 de mayo de 12 a las 23:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.