0

谁能回答我的问题如何在没有空格的情况下将图像拉伸到 10% 的宽度和 100% 的高度？我有 Jscript 来打开这个图像代码

<p>
    <a href="javascript:;" onClick="window.open('Gallery/a1.JPG','no','scrollbars=yes,width=421,height=422%')" >
       View Larger
    </a>
</p>

并给我这个输出 http://i.stack.imgur.com/eMFPp.jpg

检查 Photoshop 它没有空白，当我使用 jscript 查看图像并最大化窗口时，它给了我空白。为什么会出现空白？在忽悠！

这是代码

<p>
    <a href="javascript:;" onClick="window.open('Gallery/1.JPG','no','scrollbars=yes,width=429,height=290')" >
        <img src="Gallery/1.JPG" width="200" height="150" />
    </a>
</p>

这是如何使用 javascript 打开图像而不必在其角落有多余的空白区域。

我尝试了 Photoshop 并且 Photoshop 显示没有多余的空白，而当我使用 javascript 打开图像链接时，它给了我一个空白，你如何消除空白？或者你如何拉伸图像的宽度和高度？我尝试调整宽度和高度参数，但我拉伸得越宽，它会给我更多的空白空间......

帮助我卡住了

4

1 回答 1

0

您所说的实际上不是whitespace图像，而是您在下面提到的窗口大小。

onClick="window.open('Gallery/1.JPG','no','scrollbars=yes,width=429,height=290')" >

看到不同，

<img src="Gallery/1.JPG" width="200" height="150" />

实际图片尺寸： width="200" height="150"

新弹出窗口大小： width="429" height="290"

所以你在两者中都有相同的值。如果是单张图片，可以直接添加。

对于动态，则必须使用Javascriptor jQuery。在这里，我将给您一个使用jQuery.

HTML：

<p> <a href="javascript:;">
  <img src="http://pagead2.googlesyndication.com/simgad/10442396486498843578" />
  </a> 
</p>

查询：

$('a').on('click', function () {
    var img = $(this).find('img');
    var src = img.prop('src'); //GET IMG SOURCE
    var wid = img.width(); //GET IMG WIDTH
    var hie = img.height(); //GET IMG HEIGHT
    window.open(src, 'no', 'width=' + wid + ',height=' + hie);
});

尝试更改此Fiddle1和Fiddle2中的图像

希望我已经给出了清晰的图片。

于 2013-08-30T09:24:26.950 回答