Адаптивный лайтбокс с изображениями ⇐ CSS

[Anonymous]

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

Основная проблема заключается в том, как загрузить изображение только правильного размера. Например, на моем мобильном телефоне с разрешением 480*320 бессмысленно загружать изображения размером 2 Мп. Однако на 17-дюймовом экране это именно то, что мне нужно.

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

Подробнее здесь: https://stackoverflow.com/questions/262 ... e-lightbox