Название лота

Описание лота

Что это такое?

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

Это решение с использованием библиотеки JQuery - один из вариантов, позволяющий решить этот вопрос - красиво и просто.

Как работает?

Как это работает?

• - Используются функции JQuery, которые позволяют вставив в контекст уменьшенное от оригинала изображение, по клику на которое открывается полноразмерное изображения на фоне затемненной основной страницы.
  
• - Как кодовое решение - это простое решение, но удобное и красивое. Нет никаких ограничений в том, что бы создать из миниатюр изображений простую галерею изображений - например для презентации чего либо - все это с помощью просто HTML-кода.

Как выглядит?

Как это решение выглядит?

Выглядит внешне это решение так, как на картинке. Сделайте клик по картинке - откроется полноразмерное изображение на фоне затемненной основной страницы. Именно так работает эта удобная функция.

Дополнительно:

Автор использовал фрагменты существующих в интернет готовых решений, поэтому авторские права на это решение не заявляются.
Была лишь выполнена работа по созданию кодового решения специально для конкретной задачи и только она (работа с HTML, CSS, JS кодом, создание этого описания) отражает цену данного лота.
Прилагаемые же функциональные скрипты, графика не являются интеллектуальной собственностью автора.

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