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


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

px и

фото c







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

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

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

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

Пользоваться им очень просто:

1) вставляете в поле «исходник» текст, содержащий ссылки на фотографии,
2) жамкаете,
3) и получаете результат для вставки в блог.

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

В разделе «Красиво» дополнительно можно добавить текст до или после фото, отсортировать их,
а при формировании результата учитывается высота и ширина картинки и прописывается в теге img.

Краткий визуальный обзор возможностей:


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

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