Question

编辑：

我想在cycle2 JQuery插件上检索当前的滑动图像scr，将一个剪辑代码放在cycle2代码的特定部分。通过将其放置在我想要的位置，它将同步从自动滑动到前进的每个事件。

我需要的是一种方法来检索出现在div内容中的幻灯片的网址，并在此部分循环播放。

我在考虑这样的事情：

document.getElementById（＆＃39; mysepareteimage＆＃39;）。src = Slide.src; //或类似的东西

并在下面显示的代码部分中使用它。

doTransition: function( slideOpts, currEl, nextEl, fwd, callback) {
        var opts = slideOpts;
        var curr = $(currEl), next = $(nextEl);
        var fn = function() {
            // make sure animIn has something so that callback doesn't trigger immediately
            next.animate(opts.animIn || { opacity: 1}, opts.speed, opts.easeIn || opts.easing, callback);
        };

        next.css(opts.cssBefore || {});
        curr.animate(opts.animOut || {}, opts.speed, 
        opts.easeOut || opts.easing, function() {

这是我放置狙击码的地方

            curr.css(opts.cssAfter || {});
            if (!opts.sync) {
                fn();
            }
        });
        if (opts.sync) {
            fn();
        }
    },

 queueTransition: function( slideOpts, specificTimeout ) {
    var opts = this.opts();
    var timeout = specificTimeout !== undefined ? specificTimeout : slideOpts.timeout;
    if (opts.nextSlide === 0 && --opts.loop === 0) {
        opts.API.log('terminating; loop=0');
        opts.timeout = 0;
        if ( timeout ) {
            setTimeout(function() {
                opts.API.trigger('cycle-finished', [ opts ]);
            }, timeout);
        }
        else {
            opts.API.trigger('cycle-finished', [ opts ]);
        }
        // reset nextSlide
        opts.nextSlide = opts.currSlide;
        return;
    }
    if ( opts.continueAuto !== undefined ) {
        if ( opts.continueAuto === false || 
            ($.isFunction(opts.continueAuto) && opts.continueAuto() === false )) {
            opts.API.log('terminating automatic transitions');
            opts.timeout = 0;
            if ( opts.timeoutId )
                clearTimeout(opts.timeoutId);
            return;
        }
    }
    if ( timeout ) {
        opts._lastQueue = $.now();
        if ( specificTimeout === undefined )
            opts._remainingTimeout = slideOpts.timeout;

        if ( !opts.paused && ! opts.hoverPaused ) {
            opts.timeoutId = setTimeout(function() { 
                opts.API.prepareTx( false, !opts.reverse ); 
            }, timeout );
        }
    }
},

以下是图书馆的链接：http://malsup.github.io/jquery.cycle2.js

以下是图书馆API的链接：http://jquery.malsup.com/cycle2/api/

能做到吗？你能帮我吗？

谢谢。

当更改时，如何将当前幻灯片与其他图像同步？

0 个答案: