Filterizr Responsive Grid-Optionen

Question

Ich verwende ein Responsive Galerieraster namens Filterizr, und ich bin verwirrt, wo bestimmte Optionen zu setzen.

Ich habe dies:

 $(function() { 
     //Initialize filterizr with default options 
     $('.filtr-container').filterizr(
      options = { 
         animationDuration: 0.5, 
         callbacks: { 
            onFilteringStart: function() { }, 
            onFilteringEnd: function() { }, 
            onShufflingStart: function() { }, 
            onShufflingEnd: function() { }, 
            onSortingStart: function() { }, 
            onSortingEnd: function() { } 
         }, 

         delay: 0, 
         delayMode: 'progressive', 
         easing: 'ease-out', 
         filter: 'all', 
         filterOutCss: { 
            opacity: 0.5, 
            transform: 'scale(0.5)' 
         }, 
         filterInCss: { 
            opacity: 0.5, 
            transform: 'scale(1)' 
         }, 
         layout: 'sameSize', 
         selector: '.filtr-container', 
         setupControls: true 
      } 
     ); 
    }); 

Aber dann gibt es eine Shuffle-Verfahren auf der Website aufgeführt sind, und ich weiß nicht, wo innerhalb Optionen es zu setzen:

.filterizr('shuffle') 

Irgendwelche Hinweise? Vielen Dank.

Answer 1

Ich glaube filterizr ist nicht initialisiert, da die Optionen falsch übergeben werden. Sie sollten

$(function() { 
    //Initialize filterizr with default options 
    $('.filtr-container').filterizr({ 
        animationDuration: 0.5, 
        callbacks: { 
           onFilteringStart: function() { }, 
           onFilteringEnd: function() { }, 
           onShufflingStart: function() { }, 
           onShufflingEnd: function() { }, 
           onSortingStart: function() { }, 
           onSortingEnd: function() { } 
        }, 

        delay: 0, 
        delayMode: 'progressive', 
        easing: 'ease-out', 
        filter: 'all', 
        filterOutCss: { 
           opacity: 0.5, 
           transform: 'scale(0.5)' 
        }, 
        filterInCss: { 
           opacity: 0.5, 
           transform: 'scale(1)' 
        }, 
        layout: 'sameSize', 
        selector: '.filtr-container', 
        setupControls: true 
     } 
    ); 
}); 

tun oder sollten Sie die setOptions Methode

var options = {your options object to override default options}; 
filterizd.filterizr('setOptions', options) 

verwenden