Увеличение блока на весь экран?

Question

[Влад]

Всем привет!

У меня есть div и внутри большое изображение. Я сделал кнопки для зумирования, а так же подключил dragscroll.js для перемещения по изображению.

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

Для наглядности приложу фото.

1 - это то, что есть сейчас.
2 - хочется, чтобы при нажатии на кнопку разворота, было так. Только так же с кнопками для зума.




Огромное спасибо!!!!

Answer 1

[Влад]

решение найден. Закрыто.

Answer 2

[RTW]

Если попап, передаешь на клик id или другой опознавательный атрибут картинки в див с попапом и грузишь его внутри.
Если не попап и без превьюшек, то на клик меняешь стиль, например, всего дива на position: fixed;и естественно позиционирование и разрешение. Затем бэкдроп полупрозрачный сзади c z-index меньше основного дива выводишь изdisplay:none; в block; , так же с кнопками по управлению внутри дива.

Comments

[Влад]

Спасибо :)

Answer 3

[Иван Бабий]

Может реализовать как Pop-UP окно?

Comments

[Влад]

Очень этого хочется, но что-то не могу сообразить как сделать красиво, чтобы плавно выезжал на весь экран(

[Иван Бабий]

Result007: чтобы плавно выезжал - анимации ( JavaScript или CSS )

[Влад]

Не знаю как сделать попап именно с содержимым.