«Обрамлятор» фотографий 2.0β


Получить результат в виде   HTML для блога   BBCode для форума

px и

фото c

Добавить: , ,



Получить: html для ЖЖ чистый html


Если вам нужно добавить текст до или после картинок,
используйте раздел «Красиво».



После того, как жамкните в первый раз, тут появятся ваши фото.
Щелкая по голубым полям, можно добавлять текст до или после картинки.
Внизу нужно будет cделать «Жамк — два!» и получить результат.

Зачем нужен «Обрамлятор» и как им пользоваться?

Например, нужно вставить в блог или на форум сразу несколько фотографий, пронумеровать и красиво
подписать их. Скормите «Обрамлятору» ссылки на ваши фотографии, он их проанализирует и сформирует
по вашим настройкам новый результат. Сами картинки могут находиться где угодно — на вашем хостинге,
либо на любом популярном фотохостинге.

Вставляемые ссылки на фото могут быть разделены чем угодно:
запятыми, пробелами, новыми строками, другими словами и т.п.

Для начала поместите в поле «исходник» текст, содержащий ссылки на ваши фотографии,
сделайте необходимые настройки и нажмите кнопку «Жамк — раз!»:

Область настроек автоматически свернется, и можно будет добавлять текст до или после картинок.
Доступна удобная сортировка фотографий, которая открывается в отдельном окне, а также предварительный просмотр:

Внизу, после всех картинок, нужно будет нажать кнопку «Жамк — два!» и получить результат. По умолчанию
предлагается вариант html-кода для вставки в ЖЖ-блог, его удобно редактировать. В чистом html весь
текст оформлен тегами, этот код можно вставлять на любую веб-страницу:

Список всех возможностей «Обрамлятора»:

— формирование html для блога или bb-кодов для форума,
— добавление рамки вокруг фото любой толщины и цвета,
— вставка тега lj-cut с произвольным текстом после любой картинки,
— нумерация фотографий, номер ставится до или после картинки,
— добавление произвольного текста до и после фото,
— определение и прописывание в результате ширины и высоты картинок,
— удобная сортировка картинок «на лету»,
— добавление в ЖЖ-пост кнопки перепоста и «лайков» соцсетей,
— предварительный просмотр результата в отдельном окне браузера.


История версий «Обрамлятора»

2.0 β, 7 февраля 2012 г.
— добавлен модуль сортировки картинок путем их перетаскивания мышкой в любой
    последовательности, модуль открывается в новом окне.
— добавлен модуль предварительного просмотра результата в отдельном окне браузера.
— изменено оформление и алгоритм вставки номера до и после картинки.
— номера по умолчанию теперь вставляются перед фото (раньше было после фото).
— добавлена возможность добавлять в результат кнопку перепоста и ссылки на соцсети в ЖЖ
— изменен алгоритм парсинга исходных ссылок, добавлена возможность использовать для картинок
    фотохостинг самого ЖЖ (спасибо Артему Кривополенову).
— область настроек можно сворачивать для освобождения пространства и разворачивать при необходимости.
— добавлена защита от случайного повторного нажатия кнопки «Жамк-раз».
— увеличен шрифт для удобства редактирования текста до и после картинок.
— исправлена ошибка при формировании bb-кодов (добавлялся html тег br).
— добавлены кнопки для быстрой перемотки в начало и в конец списка картинок.
— исправлена некорректная работа кнопки «Жамк - два», не перечитывались настройки.
— в разделе «Красиво» область настроек автоматически сворачивается после загрузки картинок («Жамк - раз»).
— текст до и после картинки теперь имеет одинаковый по умолчанию размер.
— оптимизирован алгоритм автоматического расширения области текста над и под картинкой.
— переделан справочный раздел
— изменен текст lj-cut'а по умолчанию.

1.0 β, 15 февраля 2011 г.
— исправлена ошибка распознавания ссылок на картинку в случае кириллического домена .рф.
— номер фото можно добавлять как до, так и после картинки.
— убрано добавление текста с номером фото в свойства alt и title тега img.
— в разделе «Красиво» добавлена сортировка фото.
— в тег lj-cut автоматически добавляется число картинок для просмотра под катом.
— текст до и после фото, номера фото, сами картинки обрамляются в тег p с правильно проставленными
    интервалами между абзацами.
— при оформлении фото через раздел «Красиво» высчитывается высота и ширина картинки и
    прописывается в теге img.
— появилась возможность добавлять текст до и после фото.
— сделано разделение функционала на «Просто» и «Красиво»
— добавлены меню-вкладки вверху страницы, все несущественные элементы вынесены на скрытые вкладки.
— существенно изменен интерфейс.

0.3 β, 3 января 2011 г.
— добавлен визуальный элемент для выбора цвета рамки.
— в исходик теперь можно вставлять ссылки на изображения в любом формате, в т.ч. внутри тегов,
    обработаны будут только ссылки, содержащие картинки.
— добавлена возможность получения результата в формате BBCodes для использования на форумах.
— при желании в результат можно добавить ссылку на «Обрамлятор».
— проведен рефакторинг кода.
— доработка интерфейса.

0.2 β, 25 декабря 2010 г.
— добавлена возможность нумеровать фотографии, текст с номером вставляется
    как перед фото, так и в свойства alt и title тега img.
— оптимизирован алгоритм поиска ссылок на фото в исходнике,
    теперь не надо указывать номер строки, с которого начинаются ссылки,
    а сами ссылки могут быть разделены чем угодно (спасибо Артему Кривополенову).
— исправлена некорректная работа в *nix-системах (обрезалось расширение файла).
— доработка мелких багов в интерфейсе.

0.1 β, 24 декабря 2010 г.
— первая версия, «на коленке» за часок. Тем не менее, умеет все самое важное.


Придумал и написал

Сергей Нечаев для личного использования в своем ЖЖ — http://dert.livejournal.com.

Если вам тоже надо, пользуйтесь на здоровье прямо на этой странице,
или можете скачать оффлайн-версию, только сохраняйте копирайты и ссылки, плиз.

«Обрамлятор» полностью написан на JavaScript-е, поэтому оффлайн-версия не требует
установки на компьютер и обладает тем же функционалом, что и размещенная на сайте.
Для корректной работы раздела «Красиво» необходимо подключение к интернету.

Ну и заглядывайте сюда периодически, «Обрамлятор» будет обновляться.
Оригинальная страница «Обрамлятора» — http://dert.ru/obr/.

Об ошибках или идеях для «Обрамлятора» пишите в любой из этих постов в моем ЖЖ:
http://dert.livejournal.com/tag/обрамлятор

«Обрамлятор» — бесплатная программа и без рекламы. Он написан мной не ради
коммерческой выгоды, а just for fun. Этакая попытка сделать жизнь чуточку удобнее.
Если желаете как-то сказать мне спасибо, включайте ссылку на «Обрамлятор»
в ваши посты, для этого есть специальная галочка :)




© 2010 — Сергей Нечаев
    http://sergeynechaev.com

СохранитьЗакрыть
Для сортировки просто перетаскавайте картинки мышкой: