Javascript onclick函數打開圖像

任何人都可以回答我的問題如何將圖像拉伸到寬度10％和高度100％而不留空白？我有Jscript中打開此圖像代碼Javascript onclick函數打開圖像

<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打開圖像鏈接它給了我一個空白空間，你如何消除空白？或者如何拉伸圖像的寬度和高度？我試圖調整寬度和高度參數，但更廣泛的我舒展它給了我更多的空白......

幫助我又立刻陷入

來源

2013-08-30 user2610699

你應該發佈一些你已經嘗試過的代碼。 – Aashray

小提琴將更容易調試。 – Praveen

@ user1671639這裏的小提琴，如果有幫助http://jsfiddle.net/blackknights/Dp4Ja/ – user2610699

你叫什麼其實不是圖像的whitespace，它是您在下面提到的窗口大小爲。

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

見差，

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

實際圖像尺寸：寬度= 「200」 HEIGHT = 「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

希望我已經給了一個清晰的畫面。

來源

2013-08-30 09:24:26 Praveen

有沒有辦法鎖定或拉伸圖像，以適應窗口頁面，所以當你最大化窗口時，它不會顯示空白窗口大小產生？ – user2610699

@ user2610699你是說，要鎖定瀏覽器從最大化和最小化？這不夠公平。檢查這裏http://stackoverflow.com/questions/4754823/how-to-disable-minimize-maximize-button-in-the-browser – Praveen

Javascript onclick函數打開圖像

回答

相關問題