Javascript onclick函數打開圖像

Question

誰能回答我的問題，如何在沒有空格的情況下將圖像拉伸到寬度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打開圖像鏈接時，它卻給了我一個空白，如何消除空白？ 或如何拉伸圖像的寬度和高度？ 我嘗試調整寬度和高度參數，但伸展得越寬，給我更多的空白...

幫我卡住

Answer 1

您所說的實際上不是圖像的whitespace ，而是您在下面提到的窗口大小。

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

看到不同，

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

實際圖片尺寸：寬度=“ 200”高度=“ 150”

新的彈出窗口大小： width =“ 429” height =“ 290”

因此，您在兩者中都具有相同的值。 如果是單個圖像，則可以直接添加它。

對於動態 ，則必須使用Javascript或jQuery 。 在這里，我將為您提供一個使用jQuery的想法。

HTML：

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

jQuery的：

$('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中的圖像

希望我給個清晰的圖片。