Название лота
Images thickbox |
Описание лота
открытие полноразмерного изображения по клику на его миниатюру на фоне затемненной страницы |
Что это такое?
На страницах сайта, в описании лотов товара интернет-магазина, в публикациях постов блога есть необходимость вставлять какие либо изображения. Исходное изображение бывают различного размера и при вставке их к содержимое страниц возникает неудобство - картинка может оказаться слишком большой для ширины страницы. Кроме того, что слишком большой размер выглядит не очень красиво в теле текста, возникают и чисто технические проблемы - если ширина картинки больше ширины контекстной колонки, и если шаблон дизайна при этом сверстан на блочной технологии, то это неизбежно ведет к разрушению шаблона - боковые колонки падают вниз .
Одно из решений этой проблемы - уменьшение размера изображения до нужных значений. Это опять таки неудобство - нужно вручную менять размер графического файла, при этом качество изображения становится хуже, что влечет за собою другие неудобства - в первую очередь для посетителей сайта.. Это решение с использованием библиотеки JQuery - один из вариантов, позволяющий решить этот вопрос - красиво и просто.
|
Как работает?
Как это работает? - - Используются функции JQuery, которые позволяют вставив в контекст уменьшенное от оригинала изображение, по клику на которое открывается полноразмерное изображения на фоне затемненной основной страницы.
- - Как кодовое решение - это простое решение, но удобное и красивое. Нет никаких ограничений в том, что бы создать из миниатюр изображений простую галерею изображений - например для презентации чего либо - все это с помощью просто HTML-кода.
|
Как выглядит?
Как это решение выглядит? Выглядит внешне это решение так, как на картинке.  |
Дополнительно:
Автор использовал фрагменты существующих в интернет готовых решений, поэтому авторские права на это решение не заявляются.
Была лишь выполнена работа по созданию кодового решения специально для конкретной задачи и только она (работа с HTML, CSS, JS кодом, создание этого описания) отражает цену данного лота.
Прилагаемые же функциональные скрипты, графика не являются интеллектуальной собственностью автора. Ответы на вопросы по настройке, интеграции, модификации данного решения автором не предусматриваются - данный лот распространяется на условиях Как есть , означающее, что автор не несет ответственность за любые последствия использования данного кодового решения, а так-же то, что Вы можете как угодно модифицировать и использовать это решение.
|