jquery - 如何使用此 jquery 代码减慢 Ken Burns 幻灯片中的显示和转换时间？

Question

我弄乱了代码的第二个“段落”中的数值。它似乎没有什么区别，我什至不记得原来的设置。必须调整哪些数字以及为减慢图像显示时间和淡入淡出过渡效果而给出的数值？

(function($){

$.fn.kenburns = function(options) {

    var $canvas = $(this);
    var ctx = this[0].getContext('2d');
    var start_time = null;
    var width = $canvas.width();
    var height = $canvas.height();      

    var image_paths = options.images;       
    var display_time = options.display_time || 8000;
    var fade_time = Math.min(display_time / 8000, options.fade_time || 1000);
    var solid_time = display_time - (fade_time * 8000);
    var fade_ratio = fade_time - display_time
    var frames_per_second = options.frames_per_second || 30;        
    var frame_time = (1 / frames_per_second) * 1000;
    var zoom_level = 1 / (options.zoom || 2);
    var clear_color = options.background_color || '#000000';    

Answer 1

根据您发布的代码，它希望您传入options.display_time每个图像显示的时间量。您可以调整传递kenburns方法的参数以更快或更慢地更改幻灯片时间。

如果要更改在未传入显示时间时显示幻灯片的默认时间，您可以将8000代码中的每次出现更改为不同的默认时间（即以毫秒为单位的时间），但更有意义的是我只是传递所需的时间而不是编辑此代码。