1 466 Сегодня нам достался еще один интересный плагин для создания динамических столбцов с изображениями. Мы рады представить вам Wookmark!
И так, главные его достоинства — это простота установки и адаптивность. Смотрим.
Как запустить
- Качаем плагин с
- Включаем файл плагина в структуру вашего сайта (сразу после jQuery)
1<script type="text/javascript" src="jquery.wookmark.js"></script> - Запускаем его на вашем контенте
1<script type="text/javascript">$('#myContent li').wookmark({offset: 2});</script> - Устанавливаем параметры (все они не обязательны)
container — ширина контейнера нужна для расчета количества столбцов. По умолчанию, стоит «window». Кроме того, у контейнера должно стоять свойство CSSposition: relative.
offset — вертикальное и горизонтальное расстояние между элементами, по умолчанию, равно 2.
itemWidth — ширина одного элемента сетки. По умолчанию, принимается ширина первого элемента.
Для получения более полной информации, посетите .
УВАЖАЕМЫЙ АДМИН .опишите по подробней... КАК ПОДКЛЮЧИТЬ ПЛАГИН ,,ХОТЯ БЫ к простому HTML документу
в хроме как-то печально работает...неправильно высоту высчитывает...через тайм аут пустил и нормально стало.
конечный код стал
window.onload=function (){
(function ($){
setTimeout (
$('.products li').wookmark ({
autoResize: true,
offset: 14,
container: $('#products'),
itemWidth: 324
})
, 200);
})(jQuery);
}