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