2013-06-24 4 views
0

enter image description here Как установить Zoom in/Zoom для изображения внутри iframe?Чтобы настроить увеличение/уменьшение изображения внутри iframe

<iframe src="http://localhost:8080/Folder/images/image.jpg?>" 
    style="width:750px;height:580px; " frameborder="0"></iframe>  

Это мое требование с одной стороны я хочу, чтобы отобразить изображение или PDF, на другой стороне пользователя хотите, чтобы заполнить детали PDF/изображение в текстовое поле.

+0

Почему вы используете iframe для показа картины? И сложно сделать просто «зум». Вы можете изменить размер с помощью jquery .css() или .animation() –

+0

Фактически. В моем проекте либо PDF, либо изображение можно просмотреть в этом iframe пользователем, в зависимости от их требований, Iam получает параметр масштабирования для pdf по умолчанию, но для изображения я не мог так iam нуждаться в опции масштабирования для изображения в iframe. – Bharu

+0

Итак, просто создайте ссылку вместо iframe, это будет проще. Для изображения вы можете поставить лайтбокс, чтобы сделать его более крупным –

ответ

1

Используйте jQuery Zoom, чтобы получить то, что вы ищете.

+0

Можно ли увеличить изображение в iframe с помощью Jquery zoom? – Bharu

+0

Действительно, да. Они также показали демоверсии. Вот один из них. http://www.jacklmoore.com/zoom/ - @Bharathi – Nitesh

+0

Спасибо за вашу помощь, но мое требование - если я нажму один раз или нажмите кнопку +, процент увеличения изображения должен увеличиться. – Bharu

Смежные вопросы