Foros del Web » Programando para Internet » Javascript »

Activar Desplazamiento Automático Slider

Estas en el tema de Activar Desplazamiento Automático Slider en el foro de Javascript en Foros del Web. Hola buenas, tengo éste código para un Slider, que funciona perfecto al dar clic en los botones de Anterior y Siguiente: Código: $(function() { $('input.field'). ...
  #1 (permalink)  
Antiguo 23/07/2016, 01:48
Avatar de Argosth  
Fecha de Ingreso: enero-2010
Ubicación: Zaragoza
Mensajes: 21
Antigüedad: 14 años, 3 meses
Puntos: 0
Activar Desplazamiento Automático Slider

Hola buenas, tengo éste código para un Slider, que funciona perfecto al dar clic en los botones de Anterior y Siguiente:

Código:
$(function() {
    $('input.field').
    focus(function() {
        if(this.title===this.value) {
            this.value = '';
        }
    });
    blur(function() {
        if(this.value==='') {
            this.value = this.title;
        }
    });
    
    var currentPage = 1;
    $('#slider .buttons span').live('click', function() {
        /* var timeout = setTimeout(function() {$('img').trigger('slidermove'); }, 300); */
        var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
        var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
        var perPage = 1;
        var numPages = Math.ceil(fragments_count/perPage);
        var stepMove = fragmet_width*perPage;
        var container = $(this).parents('#slider:eq(0)').find('.content');
        var firstPosition = 0;
        var lastPosition = -((numPages-1)*stepMove);
        
        if ($(this).hasClass('next')) {
            currentPage ++;
            if (currentPage > numPages) {
                currentPage = 1;
                container.animate({'left': firstPosition});
                return;
            };
            container.animate({'left': -((currentPage - 1)*stepMove)});
        };
        if ($(this).hasClass('prev')) {
            currentPage --;
            if (currentPage < 1) {
                currentPage = numPages;
                container.animate({'left': lastPosition});
                return;
            };
            container.animate({'left': -((currentPage-1)*stepMove)});
        };
    });
});
Me parece que éste código JavaScript que es copiado de otros sitios, se puede activar para que el Slider sea automático, por si me podrías ayudar a saber como activarlo para que en cierto tiempo, la imagen cambie de posición.

Muchas gracias.

Etiquetas: desplazamiento, funcion, input, slider
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:28.