JQuery Isotope - gaps disappear when filtering with a responsive grid -


i'm working isotope create responsive gallery on http://samsnow.alwaysdata.net/galerie. looked on stackoverflow how other people did , made own piece of code need here please.

jquery(document).ready(function($){   var $container = jquery('#containergalerie'); var columns = 4, setcolumns = function() {          screen = jquery(window).width();         if(screen>1630){             columns = 5;         }         else if(screen>1280){             columns = 4;         }         else if(screen>710){             columns = 3;         }          else if(screen>345){             columns = 2;         }         else{             columns = 1;         };         largeur=100/columns - 0.5;         jquery('.element').css('width', getlargeur);         function getlargeur(){             return largeur +'%';         }     }; setcolumns();  jquery(window).smartresize(function(){     setcolumns();     $container.isotope({          itemselector : '.element',         resizable: false, // disable normal resizing           // set columnwidth percentage of container width           masonry: { columnwidth: $container.width() / columns}     });      }).smartresize();  $container.imagesloaded( function(){     jquery(window).smartresize();      });   var $optionsets = jquery('.option-set'), $optionlinks = $optionsets.find('a');  $optionlinks.click(function(){       var $this = jquery(this);     // don't proceed if selected     /*     if ( $this.parent().hasclass('active') ) {         return false;     }*/      var $optionset = $this.parents('.option-set');     $optionset.parent().find('.active').removeclass('active');     $this.parent().addclass('active');      // make option object dynamically, i.e. { filter: '.my-filter-class' }     var options = {},     key = $optionset.attr('data-option-key'),     value = $this.attr('data-option-value');     // parse 'false' false boolean     value = value === 'false' ? false : value;     options[ key ] = value;     if ( key === 'layoutmode' && typeof changelayoutmode === 'function' ) {         // changes in layout modes need logic         changelayoutmode( $this, options );     } else {         // otherwise, apply new options         $container.isotope( options );     }     jquery(".isotope-item a").attr("rel", "visible");     jquery(".isotope-hidden a").attr("rel", "nonvisible");      jquery(window).smartresize();      return false; });

});

since use % width images , variable number of columns i've bug on filter. after click on filter of gaps between images disappear. fixed click on filter, or sligth window resizing.

i don't understand what's happening. me please?

edit : here fiddle : http://jsfiddle.net/samsnow/8am8n/1/

i found problem : it's transition filter lot of images (my page has scrollbar) 1 few images(=no scrollbar). when scrollbar appear/disappear there no refresh! unfortunately have'nt managed fix it.

i rely on help!


Comments

Post a Comment

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

Image
given ax = plt.subplot() : ax.bar()[0] can passed plt.legend() . however, ax.bar3d() returns none . how create legend displayed bars? update: passing legend="stuff" ax.bar3d() , calling ax.legend() raises /usr/lib/python2.6/site-packages/matplotlib/axes.py:4368: userwarning: no labeled objects found. use label='...' kwarg on individual plots. warnings.warn("no labeled objects found. " you need use proxy artist legends not supported. this code: from mpl_toolkits.mplot3d import axes3d import matplotlib.pyplot plt import numpy np fig = plt.figure() ax = fig.add_subplot(111, projection='3d') x, y = np.random.rand(2, 100) * 4 hist, xedges, yedges = np.histogram2d(x, y, bins=4) elements = (len(xedges) - 1) * (len(yedges) - 1) xpos, ypos = np.meshgrid(xedges[:-1]+0.25, yedges[:-1]+0.25) xpos = xpos.flatten() ypos = ypos.flatten() zpos = np.zeros(elements) dx = 0.5 * np.ones_like(zpos) dy = dx.copy() dz = hist.flatten() ax...
Read more

java - Multi-Label Document Classification -

i have database in store data based upon following 3 fields: id, text, {labels}. note each text has been assigned more 1 label \ tag \ class. want build model (weka \ rapidminer \ mahout) able recommend \ classify bunch of labels \ tags \ classes given text. i have heard svm , naive bayes classifier, not sure whether support multi-label classification or not. guides me right direction more welcome! the basic multilabel classification method one-vs.-the-rest (ovr), called binary relevance (br). basic idea take off-the-shelf binary classifier, such naive bayes or svm, create k instances of solve k independent classification problems. in python-like pseudocode: for each class k: learner = svm(settings) # example labels = [class_of(x) == k x in samples] learner.learn(samples, labels) then @ prediction time, run each of binary classifiers on sample , collect labels predict positive. (both training , prediction can done in parallel, since problems assumed ...
Read more

php - Dynamic url re-writing using htaccess -

how can rewrite http://mydomain.com/test/master.php?catid=2&subcatid=8 http://mydomain.com/test/master.php/catname/subcat using .htaccess file. once rewritten, how can access these parameters in master.php? note: untested, let me know if doesn't work. rewriterule ^master.php/([a-za-z0-9_-]+)/([a-za-z0-9_-]+)$ /master.php?catid$1&subcatid=$2 [l]
Read more