Skip to main content
edited
Link
Edson Cezar
  • 457
  • 1
  • 5
  • 21

Upload Reload de múltiplas imagens usando Jquery ? Como otimizar?

window.onload = function() {
            setInterval(function(){

                $( ".image" ).each(function( index ) {
            
                    base_url = $(this).attr('src').split('?rand=')[0];
                    address = base_url + '?rand=' + Math.random();
                    $(this).attr("src", address);
                
                });
                
            },10000);

        }; 
function update(){
            setInterval(function() {
                $(".cameragrid_").find("img").each(function(index) {
                    d = new Date();
                    var src = $(this)[0].src;
                    var state = $(this).context.readyState;
                    if(state == 'complete');{
                        $(this).attr("src",src+d.getTime());
                    }
                });
                console.log('click');
            }, 10000);
        }


        $(window).ready(function(){
            $('.cameragrid_').hide();
        });

        $(window).load(function (){
            $('.cameragrid_').show();
            update();
        }
        );

Existe alguma forma de otimizá-lo para que execute dentro de 3 segundos?

window.onload = function() {
            setInterval(function(){

                $( ".image" ).each(function( index ) {
            
                    base_url = $(this).attr('src').split('?rand=')[0];
                    address = base_url + '?rand=' + Math.random();
                    $(this).attr("src", address);
                
                });
                
            },10000);

        }; 
function update(){
            setInterval(function() {
                $(".cameragrid_").find("img").each(function(index) {
                    d = new Date();
                    var src = $(this)[0].src;
                    var state = $(this).context.readyState;
                    if(state == 'complete');{
                        $(this).attr("src",src+d.getTime());
                    }
                });
                console.log('click');
            }, 10000);
        }


        $(window).ready(function(){
            $('.cameragrid_').hide();
        });

        $(window).load(function (){
            $('.cameragrid_').show();
            update();
        }
        );

Existe alguma forma de otimizá-lo para que execute dentro de 3 segundos

window.onload = function() {
    setInterval(function(){

        $( ".image" ).each(function( index ) {
            
            base_url = $(this).attr('src').split('?rand=')[0];
            address = base_url + '?rand=' + Math.random();
            $(this).attr("src", address);
                
        });
                
    },10000);

}; 
function update(){
    setInterval(function() {
        $(".cameragrid_").find("img").each(function(index) {
            d = new Date();
            var src = $(this)[0].src;
            var state = $(this).context.readyState;
            if(state == 'complete');{
                $(this).attr("src",src+d.getTime());
            }
        });
        console.log('click');
    }, 10000);
}


    $(window).ready(function(){
        $('.cameragrid_').hide();
    });

    $(window).load(function (){
        $('.cameragrid_').show();
        update();
    }
);

Existe alguma forma de otimizá-lo para que execute dentro de 3 segundos?

Fonte Link
Edson Cezar
  • 457
  • 1
  • 5
  • 21

Upload múltiplas imagens usando Jquery ? Como otimizar?

Eu tenho uma atualização de múltiplas imagens usando Jquery:

window.onload = function() {
            setInterval(function(){

                $( ".image" ).each(function( index ) {
            
                    base_url = $(this).attr('src').split('?rand=')[0];
                    address = base_url + '?rand=' + Math.random();
                    $(this).attr("src", address);
                
                });
                
            },10000);

        }; 

Estou tentando otimizá-la:

function update(){
            setInterval(function() {
                $(".cameragrid_").find("img").each(function(index) {
                    d = new Date();
                    var src = $(this)[0].src;
                    var state = $(this).context.readyState;
                    if(state == 'complete');{
                        $(this).attr("src",src+d.getTime());
                    }
                });
                console.log('click');
            }, 10000);
        }


        $(window).ready(function(){
            $('.cameragrid_').hide();
        });

        $(window).load(function (){
            $('.cameragrid_').show();
            update();
        }
        );

Queria diminuir o tempo de 10 para 3 segundos, porém quando diminuo esse tempo, não atualizo todas as imagens, meu algoritmo para e o restante não é atualizado. .

Existe alguma forma de otimizá-lo para que execute dentro de 3 segundos