jQuery Wookmark

Discussion

1. Bruno

   Great plugin.
   I didn’t know it. Thanks for sharing.
2. Claudio

   Isn’t this very similar to the old & great Jquery Masonry?
3. Chris Blackwell

   How does this differ from the Masonry Plugin?
4. iso

   Looks nice. I will try it.
   Merci
5. Jesús Bejarano

   Perfect , just what i been looking to applay on some of my desing, thank you D.
6. Andree Christaldi (@AndreeCrist)

   Is there any decent mootools equivalent ?
7. Weijian

   Wookmark is not smart enough when dealing with image loading, try Masonry, it comes with imagesLoaded(), it helps u a lot:)
• Micha

  Not true:

  (function ($){
  $('#grid').imagesLoaded(function() {
  var options = {
  align: 'center',
  autoResize: true,
  comparator: null,
  container: $('.mainwrap'),
  itemWidth: 348
  };
  var $handler = $('#grid li');
  $handler.wookmark(options);
  });
  })(jQuery);
  
8. Gaurav Panwar

   This is the first thing came in my mind when i saw pinterest.. but now i came to know it’s a plugin.
9. Gaurav Panwar

   i love this type of UI, specially horizontal sliding. Windows 8… Awwww m crazy for that, n thinking to apply that in my new blogging site !!!
10. kikaha

    Nice plugin, but – i see the autoresize here, but it didn’t works at the demo page
11. Shruthi

    Thanks very much for that post.
    I was searching for the same for long and ended up in ipin wordpress plugin. But now i can do my website on my own php code :-)
    Thanks David
12. Ralf

    Wookmark works fine with imagesLoaded and also with more content as images only.
    Have a look at our Blog. My initialization looks like this:

    var container = $('.content');
    container.imagesLoaded(function() {
      // Prepare layout options.
      var options = {
        align: 'left', // no horizontal centered layout
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('view-content', container), // Optional, used for some extra CSS styling
        offset: 20, // Optional, the distance between grid items
        // itemWidth: 211 // Optional, the width of a grid item
      };
      // Get a reference to your grid items.
      var handler = $('.view-content > li', container);
      // Call the layout function.
      handler.wookmark(options);
    });
    
13. Ralf

    Sorry David, your Code Editor works not so good. Can you clean up my posts, please.
14. Ady

    Hi David nice post, FYI your demo link at the top is pointing to the webkit filters article though.
15. Cubicle Ninjas

    This plugin is great easy to implement and very functional thank you!
16. Patrick

    Hi David

    Another cool post man! Not many people know about this plugin.

    I’m sharing all options for the woomark plugin as configurable bits with a live preview

    http://bitconfig.com/woomark/bitconfig_woomark.html

    Thanks David

    – Patrick
17. Its ok

    Its a good script..but only works with images and if u specifie h and w of the image..othervise items goes on each other and doesnt work..
18. Thomas

    Hi, I am facing the following problem and I need your help I suggestions. I am redesigning a travel portal site using umbraco and I am using wookmark in front page to load images from articles. The problem is that the articles are more than 1000 so I need a lazy load for every 60 articles. On wookmark examples there is an example with lazy load but the example is using jquery and copy the first 10 items from the example list. Here starts my problem. The list of articles exists in the razor page. How to append more li items in wookmark ul from within jquery with values from the list of the articles which is a razor variable? I will appreciate your help.
19. João G.

    Does Wookmark plugin have an option to handler the url for a filtered result, such as adding an anchor to the url? I’ve building a website and the main menu contains the wookmark filters, so, the menu will be included into all pages. My problem is: when the user is on another page, how can I “make a link” for the previous url which should be return the results filtered by wookmark? Is is possible to add an anchor to the url in order to handler the filters?

    Thanks and congratulations for the plugin!
20. abbott

    I was searching for the same for long and ended up in ipin wordpress plugin.
    Great plugin.
21. Alex

    Hello. Great plugin. But i have one problem. I need add new block after wookmark complete.
    I have ajax loader to add new image into page. How i can restart wookmark to add new DIV
22. Amit

    Hi

    I want to make first item bigger than other items. Is this possible?

    Thanks in advance.
23. Linda Lowe

    When I put the local (correct) path to css and js file the page goes gray without showing any of the pictures. When I preview it at github preview here, the page is gray as well.
    http://htmlpreview.github.io/?https://github.com/germanysbestkeptsecret/Wookmark-jQuery/blob/master/example-load-images/index.html

    Any thoughts?
24. Wayne

    This is a great grid. Does anyone know if it is possible to sort Ascending and and descending with the sort option?