трансформировать: масштабировать на весь экран?

Question

Good day all,

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

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

Из-за разных размеров я не могу использовать scale (2) или другое фиксированное значение.Webkit-трансформацию вообще возможно: масштабировать до целевого размера, например 768x1024, а не масштабного коэффициента?

Большое спасибо!

Answer 1

Вы пытались упростить это немного больше? Попробуйте использовать некоторый java-скрипт, чтобы назначить объекту высоту, ширину и z-индекс при клике.

По сути, нажмите, напишите на страницу: (или что-то подобное)

height:100%;
width:100%;
z-index:999;
position:absolute;