jQuery - MaxImage 2.0和循環 - 具有單獨循環選項的多個幻燈片

Question

我有一個使用MaxImage 2.0 jQuery插件（反過來使用jQuery Cycle）的兩個幻燈片的頁面。

MaxImage允許您傳遞循環插件的選項。我遇到的問題是隻有最後一組循環選項生效。對於其他一些MaxImage選項，這似乎也是如此，包括'fillElement'。

這裏是我的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 - 如果你刪除/註釋掉的第二個功能，你就會明白我的意思。

Answer 1

如果您還需要爲您的問題的答案 - 你應該在第一個的回調運行第二個幻燈片（無論是onFirstImageLoaded或onImagesLoaded由Maximage http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/#options提供）

$(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/。