Как правильно настроить и использовать WookMark Masonry

Question

Я пытаюсь использовать Wookmark JS для показа изображений на своем веб-сайте, я следовал официальному руководству, но плагин, похоже, не работает, вероятно, из-за какого-то наследства моей темы CSS. Изображения просто отображаются в списке.

Я загрузил jquery-1.10.2-min, wookmark css и jquery.wookmark.js и следил за исходным кодом этой страницы Wookmark

Как я могу исправить эту проблему? Вы можете увидеть мой сайт

Answer 1

Вот, например, скрипка - http://jsfiddle.net/qcsm3/ - это пример из wookmark github.

Во-первых, определите селектор плитки.

var handler = $('#tiles li');

затем запустите плагин

handler.wookmark({

    autoResize: true,resized.
    container: $('#main'),
    offset: 5,
    outerOffset: 10,
    itemWidth: 210

});