Добрый день. Возможно, это не самая полезная статья, но я довольно часто я сталкивался с тем, что на сайте требовалось выстроить блоки в «мозаику», и всегда изобретал всякие велосипеды.

После прочтения урока о создании плагинов для jQuery, я решил попробовать написать эту статью, решающую мою проблему, смотрим что вышло.

Для начала давайте создадим jQuery плагин

(function( $ ) {
  $.fn.mozaika= function() {
  };
})(jQuery);

Как и в большинстве плагинов, в нашем будут настройки. Давайте определимся с ними:

• Количество столбиков
• Отступы между блоками
• Поле (padding) сверху и снизу поля с «пазлами»
• Класс для блоков
• Класс для блоков с двойной шириной
• Класс для блоков с тройной шириной
• нижний Padding ячейки