jquery-plugin-example[1]

Wookmark — плагин на jQuery

Сегодня нам достался еще один интересный плагин для создания динамических столбцов с изображениями. Мы рады представить вам Wookmark!

И так, главные его достоинства — это простота установки и адаптивность. Смотрим.

Пример Скачать (.zip, 943 Кб)

Как запустить

  1. Качаем плагин с репозитария Github
  2. Включаем файл плагина в структуру вашего сайта (сразу после jQuery)
  3. Запускаем его на вашем контенте
  4. Устанавливаем параметры (все они не обязательны)
    container — ширина контейнера нужна для расчета количества столбцов. По умолчанию, стоит «window». Кроме того, у контейнера должно стоять свойство CSS position: relative.
    offset — вертикальное и горизонтальное расстояние между элементами, по умолчанию, равно 2.
    itemWidth — ширина одного элемента сетки. По умолчанию, принимается ширина первого элемента.

Для получения более полной информации, посетите Wookmark в github.


2 комментарий на “Wookmark — плагин на jQuery

  1. в хроме как-то печально работает...неправильно высоту высчитывает...через тайм аут пустил и нормально стало.

    конечный код стал

    window.onload=function (){

    (function ($){

    setTimeout (

    $('.products li').wookmark ({

    autoResize: true,

    offset: 14,

    container: $('#products'),

    itemWidth: 324

    })

    , 200);

    })(jQuery);

    }

    Thumb up 0 Thumb down 0

Оставить комментарий