【问题标题】:To set Zoom in/Zoom out for an image inside an Iframe为 iframe 内的图像设置放大/缩小
【发布时间】:2013-06-25 11:45:46
【问题描述】:

如何设置 Iframe 内图像的放大/缩小?

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

这是我的要求,一方面我想显示图像或 pdf,另一方面用户想在文本框中填写 pdf/图像的详细信息。

【问题讨论】:

  • 为什么要使用 iframe 来显示图片?而且很难只做一个“缩放”。您可以使用 jquery .css() 或 .animation() 更改大小
  • 实际上在我的项目中,用户可以在此 iframe 中查看 pdf 或图像,这取决于他们的要求,默认情况下我会获得 pdf 的缩放选项,但对于图像我不能,所以我需要缩放iframe 中的图像选项。
  • 所以只生成链接而不是iframe,会更容易。对于图片,您可以放一个灯箱以使其更大
  • 它可以是pdf或图像所以我认为使用Iframe更好。你认为灯箱适合图像和 pdf 吗?
  • 该脚本适用于两者。因为它是为图片制作的,如果你将它设置为 pdf,它不会有什么特别的。例如,您只需要为链接设置一个类和/或一个 rel。当它是一个图像使用它!这很容易;)

标签: php javascript css zooming


【解决方案1】:

使用 jQuery Zoom 得到你想要的。

【讨论】:

  • 是否可以使用 Jquery 缩放在 iframe 中缩放图像?
  • 确实是的。他们也为此展示了演示。这是其中之一。 jacklmoore.com/zoom - @Bharathi
  • 感谢您的帮助,但我的要求是,如果我单击一次或单击 + 按钮,图像的缩放百分比应该会增加。
  • 不客气 :) 我刚刚找到了一个与您的情况有关的示例。希望对 jsfiddle.net/j08691/KcGF3 -@Bharathi 有帮助
  • 谢谢你是对的,但我需要在 iframe 中使用这个选项这可能吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-24
  • 2016-05-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多