могу ли я увеличить изображение в iframe

Question

Я хочу знать, как увеличить изображение в iframe.

Например, мне нужно просмотреть изображение как 50%, 75% и 100%.

этовозможно?

заранее спасибо

Answer 1

Приведенные ниже значения yd и ye представляют собой файлы зависимостей YUI 2.8.1 для Dom и Event, вы можете добиться того же эффекта без YUI. Я просто устанавливаю уровень CSS zoom на изображение, когда я нажимаю (значение масштабирования получается просто из текстового значения ссылки, по которой я щелкаю).

<a href="javascript:;" class="zoom">25</a>
<a href="javascript:;" class="zoom">50</a>
<a href="javascript:;" class="zoom">100</a>

<img src="content/img/1000-1-people.png" width="350" height="290" alt="" id="myImage" />

<script type="text/javascript">
ye.on( yd.getElementsByClassName('zoom', null, document), 'click', function(e){
    yd.setStyle(yd.get('myImage'), 'zoom', this.innerHTML+'%');
});
</script>

Answer 2

В CSS7 есть свойство CSS 3, называемое «zoom», которое вы можете поместить в большинство элементов:

http://www.css3.com/css-zoom/

в IE7 и более ранних версиях.«Расширение CSS:

http://msdn.microsoft.com/en-us/library/ms531189(VS.85).aspx

Просто хочу добавить, что выбор другого автора, использующего ширину / высоту со значением%, определенно предпочтителен для изображений.Свойство zoom действительно полезно, только если вам нужен макет, который содержит несколько элементов для масштабирования / масштабирования вместе.(например, увеличение масштаба элемента div, содержащего другие элементы и т. д.).