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

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"

したがって、両方に同じ値があります。単一の画像の場合は、直接追加できます。

dynamicの場合は、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-30T09:24:26.950 に答える