Javascript onclick函数打开图像

Javascript onclick function Opening image

本文关键字：图像 函数 onclick Javascript      更新时间：2023-09-26

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

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

并给我这个输出https://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打开图像链接时，它会给我一个空白，你如何消除空白？或者如何拉伸图像的宽度和高度？我试着调整宽度和高度参数，但我伸展得越宽，就会有更多的空白。。。

帮助我陷入

您所称的实际上不是图像的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"

所以两者的价值观是相同的。如果是单个图像，可以直接添加。

对于动态，则必须使用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中的图像

希望我已经给出了一个清晰的画面。

相关文章：