transform: масштаб для полноэкранного режима?

Question

Добрый день всем,

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

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

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

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

Answer 1

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

существу по щелчку, пишите на странице: (или что-то подобное)

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