0

MaxImage 2.0 jQuery プラグイン ( jQuery Cycleを使用)を使用した 2 つのスライドショーを含むページがあります。

MaxImage を使用すると、サイクル プラグインのオプションを渡すことができます。私が抱えている問題は、サイクル オプションの最後のセットのみが有効になることです。これは、「fillElement」を含む他の MaxImage オプションにも当てはまるようです。

これが私のjQueryです：

$(function () {
$('#slider-one').maximage({
    cycleOptions: {
        fx: 'fade',
        speed: 800,
        timeout: 1000,
    },
    fillElement: '#panel-one',
    backgroundSize: 'contain'
});
});

$(function () {
$('#slider-two').maximage({
   cycleOptions: {
       fx: 'fade',
       speed: 800,
       timeout: 2000,
     },
     fillElement: '#panel-two',
     backgroundSize: 'contain'
});

});

そして、jsfiddleのすべて - http://jsfiddle.net/seanhawkridge/FNgXe/1 - 2番目の関数を削除/コメントアウトすると、私が何を意味するかがわかります。

4

1 に答える 1

2

質問に対する回答がまだ必要な場合は、最初のスライドショーのコールバックで 2 番目のスライドショーを実行する必要があります (Maximage http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/が提供する onFirstImageLoaded または onImagesLoaded のいずれか)。 #オプション)

$(function () {
$('#slider-one').maximage({
    cycleOptions: {
        fx: 'fade',
        speed: 800,
        timeout: 1000,
    },
    fillElement: '#panel-one',
    backgroundSize: 'contain',
    onImagesLoaded: function() {
        $('#slider-two').maximage({
           cycleOptions: {
               fx: 'fade',
               speed: 400,
               timeout: 2000,
             },
             fillElement: '#panel-two',
             backgroundSize: 'contain'
        });       
    }

});
});

http://jsfiddle.net/FNgXe/30/をチェックしてください。

于 2014-01-25T11:50:14.147 に答える