تغيير العرض/المزاريب؟

Question

أحاول إنشاء معرض صور مصغرة يحتوي على صفوف مكونة من 3 عناصر ولا أستطيع التحكم في العرض (192 بكسل) أو المزاريب (10 بكسل) للعناصر.هذا هو الكود الخاص بي

    <script>
  $(function(){

    var $container = $('.isosort'),
        filters = {};

    $container.isotope({
      layoutMode : 'fitRows',
      animationEngine : 'best-available',
      masonry: {
        columnWidth: 192,
        gutterWidth: 10
      }
    });

    // filter buttons
    $('#options li ul li a').click(function(){
      var $this = $(this);
      // don't proceed if already selected
      if ( $this.hasClass('selected') ) {
        return;
      }

      var $optionSet = $this.parents('.option-set');
      // change selected class
      $optionSet.find('.selected').removeClass('selected');
      $this.addClass('selected');

      // store filter value in object
      // i.e. filters.color = 'red'
      var group = $optionSet.attr('data-filter-group');
      filters[ group ] = $this.attr('data-filter-value');
      // convert object into array
      var isoFilters = [];
      for ( var prop in filters ) {
        isoFilters.push( filters[ prop ] )
      }
      var selector = isoFilters.join('');
      $container.isotope({ filter: selector });

      return false;
    });

  });
</script>

Answer 1

ما أفهمه هو أنه لاستخدام خيارات البناء، يتعين عليك اختيار "masonry" مثلك layoutMode.

Answer 2

أضفت فقط حلا ممكنا لهذه المشكلة في: https://stackoverflow.com/a/18199423/2676928/2676928 هذا>

من الممكن تمديد / إعادة كتابة أجزاء النظائر.رمز الحروف بسيط نسبيا وأضيفت بعض الأسطر التي جعلتها تدعم إعدادات المزاريب وعرض العمود.