jquery-masonry

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center . Closed 7 years ago . I have installed turbolink gem https://github.com/rails/turbolinks in my rails app 3.2.8. I use this gem, masonry for show elements https://github.com/desandro/masonry . The problem is that masonry elements when I open a new page with turbolinks are not

I'm trying to get infinite scrolling and masonry working in my ember project. The masonry 'bricks' are posts with text and an image. Currently I can get the first page to show on the initial load of the page and apply masonry (I still have to do a setTimeout though, trying to figure out how to get rid of that as well). I also have the basic infinite scroll code in. For now I'm simply grabbing the second page from the back end. When scrolled to the bottom of the page the second page of posts are loaded. What I'm trying to figure out is how to apply masonry to the new page upon insertion.

I have a layout like this. I am using passsy extension for angular masonry . <masonry column-width="200"> <div class="masonry-brick" ng-repeat="data in comments"> <div ng-switch on="data.type"> <div ng-switch-when="hoots"> <article class="hoot_main"> //content goes here //hoot_main is the main class for this div layout </article> </div> </div> </div> <div ng-switch on="data.type"> <div ng-switch-when="article"> <article class="hoot_main"> //content goes here //hoot_main is the main class for this div layout </article> </div> </div> <div ng-switch on="data.type"> <div ng-switch-when="story">

I'm building a site that needs a pinterest style home page. (but only 3 columns wide collapsing down to 2 and then 1 column using the col-lg-4 bootstrap class). I've searched and found many options of how to do this. However, I don't want to specify column widths in my css (I want it to inherit the bootstrap column widths) I dont want to use the new css3 column layout (for lack of older browser support) I dont want to do it in PHP as it stacks in the incorrect order. I've adapted some code taken from https://gist.github.com/justincarroll/5959773 which uses masonry to push the blocks around and

I am using jquery masonry on a wordpress theme I am working on. After struggling with getting it to work for a while I found that this: <script type="text/javascript"> jQuery(function () { jQuery('#masonry-wrap').masonry({ itemSelector: '.masonry-box', columnWidth: 283 }); }) </script> Seems to be working fine for me... However checking the site in Chrome and Safari pushes the bottom of the containing elements into the following elements... Now I read somewhere, that this can be solved by using the imagesLoaded plugin and the code for that I found here: http://masonry.desandro.com/demos/images

I started using awsome JQuery Isotope plugin in my project. Everything works great, but I'm having one issue with corner-stapm option. Each element in my masnory grid has fixed width (220px + 5 margin) and random height (depending on its content) and I am using @media queries in CSS file to change columns number on different screen resolution (page width can be 230, 460, 690.. etc.). Problem with corner stamp occurs in the narrowest version (one column) - the corner stamp is covered with Isotope elements... The same issue occurs on Isotope official page in this demo: http://isotope.metafizzy