4 Bilder laden in einem Bildlauf in Sequenzer

Question

Dies ist Plugin jquery code.in diesem Code ein Bild in einer Rolle bewegen, aber mein Problem ist, ich muss 4 Bild nacheinander in einer Bildlauf in diesem Sequenzer bewegen. und ein bestimmtes Zeitintervall hinzufügen, wenn ein Bild zu einem anderen Bild verschoben wird, bitte helfen Sie mir aus diesem Problem heraus.

Plugin Demo: https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Image-Sequence-Animation-On-Scroll-Sequencer.html

(function($) { 

    $.fn.sequencer = function(options, cb) { 

    var self = this, 
     paths = [], 
     load = 0, 
     sectionHeight, 
     windowHeight, 
     currentScroll, 
     percentageScroll, 
     index; 

    if(options.path.substr(-1) === "/") { 
     options.path = options.path.substr(0, options.path.length - 1) 
    } 

    for (var i = 0; i <= options.count; i++) { 
     paths.push(options.path + "/" + i + "." + options.ext); 
    } 

    $("<div class='jquery-sequencer-preload'></div>").appendTo("body").css("display", "none"); 

    $(paths).each(function() { 
     $("<img>").attr("src", this).load(function() { 
     $(this).appendTo("div.jquery-sequencer-preload"); 
     load++; 
     if (load === paths.length) { 
      cb(); 
     } 
     }); 
    }); 

    $(window).scroll(function() { 
     sectionHeight = $(self).height(); 
     windowHeight = $(this).height(); 
     currentScroll = $(this).scrollTop(); 
     percentageScroll = 100 * currentScroll/(sectionHeight - windowHeight); 
     index = Math.round(percentageScroll/100 * options.count); 
     if(index < options.count) { 
     $("img.sequencer").attr("src", paths[index]); 
     } 
    }); 

    return this; 

    }; 

}(jQuery)); 

Answer 1

Ich denke, was Sie hier wollen setInterval() ist.

Sie können eine Funktion schreiben, um das Bild zu ändern, das ziemlich einfach sein sollte, und diese Funktion als Parameter in setInterval() nennen.

So etwas entlang der Linien von dieser am Ende des Codes:

setInterval(changeImage, 60000); 
//executes the changeImage() function every 60 seconds 

Sie können mehr über setInterval()here lesen.

Ich hoffe, dass hilft!