1

iFrame内に大きな画像を表示しようとしています。画像は、さまざまなボタンクリックで動的に読み込まれます。これは問題なく機能しますが、画像が大きいため、iFrame内に表示するときにその場でサイズを変更する必要があります。

それを行う方法はありますか？

助けてくれてありがとう。

これが私がしていることです。

<iframe id="myFrame" style="width:950; height: 600px; border: 0px solid red;" src="myImage1.png"></iframe>

myImage.pngに幅を設定する必要があります。

4

2 に答える 2

0

ボタンにCSSクラスを画像に適用させ、CSSを使用して画像のサイズを設定します。

于 2012-10-10T21:10:01.223 に答える
0

画像のサイズを変更するには、次のように iframe に画像を読み込みます。

function loadImage(index){
  img.src = images[index];
  var content = "<html><body><img src='"+images[index]+"' width='300' height='200'></body></html>";
  iF.contentWindow.document.open('text/html', 'replace');
  iF.contentWindow.document.write(content);
  iF.contentWindow.document.close();
}

iframe と img で試した動作サンプルを確認してください。

于 2012-10-11T13:18:14.067 に答える