- ベストアンサー
画像のwidth heightを同じ比率で縮めたい
外部参照している画像があります。 ＲＳＳでその画像のurl width heightを取得し、 画面に表示しています。 ただ、widthが表示している画面を越えてしまう事があるので、 超えた場合は、width heightを同じ比率で縮めて収まるようにしたいです。 画面に表示できる最大サイズは590です。 取得できた画像は、width 640 height 480です。 width⇒590にした場合、heightは何になるのでしょうか。。 また、これを求めた計算式を教えて頂けないでしょうか。
- ayaham2010
- お礼率52% (37/70)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
width2, height2を変換後とすると、式は以下の通りになります。 height2=height x (width2 / width) ＃width2/widthが変換率
関連するQ&A
- width、heightを取得したい
dbからデータを読み込み、データの量によってテーブルのサイズが変わります。 img.gifのwidth、heightを何らかで取得し$aと$bに渡すことは可能でしょうか。 ┌――――┬――――┐ │img.gif │inc.php │ └――――┴――――┘ <table> <tr> <td> <img src=./img.gif width=$a height=$b> </td> <td> <? include ('./inc.php'); ?> </td> </tr> </table> img.gifは四角の画像です。
- ベストアンサー
- PHP
- 画像を、縦横の比率を崩さずに拡大したい。
初心者です。よろしくお願いいたします。 HTMLの<img src="～">で画像を表示しました。 しかし画像が小さかったため大きくしようと思い、 width,heightを使い、ピクセル数を設定して大きく したところ、縦横の比率が崩れてしまい歪んで しまいます。 縦横の比率を崩さずにそのまま拡大したい場合は どのようにすればよろしいですか？ アドバイスよろしくお願いいたします。
- ベストアンサー
- HTML
- openWin の width, height に変数は使える？
JavaScript の openWindow で ウィンドウのサイズ指定に変数を使うことは可能でしょうか？ もしかすると数字として渡したものが文字として扱われてるような 気がするのですが、どなたかご存知でしょうか？ width2, height2 に入れなおしたり eval() を使ってみたのですがうまくいきません。。。 width, height を 300 と直接指定した場合は動作します。 ブラウザは IE6, code はこちらです。 <html> <head> <title>[ ]</title> <meta http-equiv="content-type" content="text/html; charset=shift-jis"> <meta http-equiv="imagetoolbar" content="no"> <script language="JavaScript"><!-- function openWin(src, width1, height1) { var width2 = width1; var height2 = height1; width1 = eval(width1); height1 = eval(height1); window.open(src,'','directories=0, location=0, menubar=0, scrollbars=0, status=1, toolbar=0, resizable=1, width=width1, height=height1'); document.form1.text1.value = src + width1 + height1; return false; } //--></script> </head> <body topmargin="0" leftmargin="0" vlink="blue" alink="blue"> <a href="#" onclick="openWin('http://www.google.co.jp', 300, 300);">window</a> <form name="form1"> <input type="text" name="text1" size="40"> </form> </body> </html>
- ベストアンサー
- JavaScript
- フラッシュ画像の大きさの比率を変えるには
本来、width="240" height="180"である.swf画像を"600" height="100"に変更したいのですが、 比率が一緒であれば画像の大きさは変えられるものの、比率が異なると大きさが変わりません。 比率が異なるとhtmlで実現することは不可能なのでしょうか？ もしくは以下のhtmlの記述が間違っているのでしょうか？ <OBJECT data="./img/test.swf" type="application/x-shockwave-flash" width="600" height="100"> <param name="movie" value="./img/test.swf" /> <EMBED SRC="./img/test.swf" WIDTH=600 HEIGHT=100 bgcolor=#FFFFFF LOOP=false QUALITY=high PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" TYPE="application/x-shockwave-flash" </EMBED> </OBJECT> ご教示頂けると幸いです。 よろしくお願い致します。
- ベストアンサー
- HTML
- max-widthを指定した場合の縦サイズのリサイズ方法
画像のサイズをCSSのmax-widthを指定した場合、縦のサイズを、縦横比率を変えずに自動でリサイズする方法を探しています。 CMS （Movable Type）でサイトを構築しており、ブログ記事の本文に「画像挿入」ボタンを利用して挿入するため、<img src="photo.jpg" width="600" height="400">とwidthとheightが指定された状態のため、max-widthで400pxと指定すると画像が縦長になってしまっています。 どのようにすれば縦横比率を変えず、さらにmax-widthのような形で縦のサイズを自動でリサイズする事ができますでしょうか？宜しくお願いします。
- ベストアンサー
- HTML
- C#で、pictureBoxのオブジェクト？の横(width)と縦(height)を表示させたい
C#の文字列操作とフォームオブジェクトのプロパティについてわからないことがあります。 フォームに pictureBoxのオブジェクトを配置して、 名前をgazouにしました。 そのgazouの横(width)と縦(height)を表示させることを させたいのですが、 NullReferenceExceptionはハンドルされませんでした。 オブジェクト参照がオブジェクト インスタントに設定されていません。 トラブルシューティングのヒント; オブジェクト インスタンスの作成にはnewキーワードを使用します。 メソッドを呼び出す前に、オブジェクトがNullで良いかどうか確認して下さい。 この例外に関する一般的なヘルプを参照します。 と表示されました。以下、問題のソースです。 string s = String.Format("width=[{0}] height=[{1}]", gazou.Image.Size.Width , gazou.Image.Size.Height); MessageBox.Show(s);
- ベストアンサー
- C・C++・C#
- jquery cycleで画像リサイズ
jquery cycle pluginを使用して、画像のスライドをしています。 画像を画面中央に全画面表示をしたいのですが、 スライドする画像のサイズがそれぞれ異なるため、 画像の比率を固定して、縦横のサイズで大きい方を 画面に合わせて表示したいのです。 私が考えたのは、 (全文は載せられません。すみません。) <div id="slideImage"> <img id="slide1" src="test01.gif"> <img id="slide2" src="test02.gif"> ・・・ <img id="slide5" src="test05.gif"> </div> ↑のようにスライドする画像があるとして、 下記のjavascriptでスライドする画像分ループさせて、 id部分を変数にして、縦横どちらかが大きかったら・・・という 計算をしています。 function resize(){ for(var i=1; i<6; i++){ var slideNo = "slide" + i; var w = document.getElementById(slideNo).width; var h = document.getElementById(slideNo).height; if(w >= h){ document.getElementById(slideNo).width = screen.width; }else{ document.getElementById(slideNo).height = screen.height; } } } 確かにこれだとidがslide1の場合はサイズをリサイズしてくれるのですが、 slide2以降をリサイズしてくれません。 ループは確かに回っているし、 if文の前でリサイズ前の画像サイズをちゃんと取得しているのですが、 なぜかscreen.width(screen.height)の値が入ってくれません。 jquery cycle pluginだとそれぞれの画像のリサイズはできないのでしょうか。 みなさんお力お貸しください！！
- ベストアンサー
- JavaScript
- 画像ファイルをwidthのみ指定して表示できないブラウザ
ページ内に画像ファイルを表示する際widthのみ指定すると、天地サイズは、widthの比率に合わせて拡大縮小されると思いますが、ブラウザによって表示されない、など諸問題が出るのでしょうか？ 確認のできる環境が不足しており、確認できないので、どなたかご存じの方、ぜひお教え下さい。
- 締切済み
- HTML
- ASP.NETで画像の高さと幅を取得
ASP.NETでWebページを作成しています。 画像ファイルを読み込んで表示させ、100%、50%・・・ 画像のサイズを拡大縮小させたいと思ってます。 読み込んだ際の画像の高さ幅を元に50%なら1/2と言う 感じで処理できるかなと思っていたのですが、 読み込んだ画像のサイズ(高さ幅)が取得できません。 取得する方法を教えてください。Imageコントロールに そのまま画像URLをセットし表示させてもHeight、Widthが取得できません。 別な方法で画像の表示サイズを変更できるのでしょうか。
- 締切済み
- Microsoft ASP
- tableタグでwidthとheightを100%にした時に起こる
tableの中にtableを入れて以下のように表示をさせようと思っています。 (色わけの為四角で表現していますが、実際は同じ色の四角はつながっています) ■□□□■ ■□□□■ ■□□□■ そこで、 <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> <!-- td { font-size: 12px} body { font-size: 12px} --> </style> </head> <body bgcolor="#000000" link="#FF0000" vlink="#FF0000" alink="#FF0000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" height="100%" border="0" bordercolor="#AAAAAA" bgcolor="#FFCCCC" cellspacing="0" cellpadding="0"> <tr> <td> <table align="center" width="700" height="100%" border="0" bordercolor="#AAAAAA" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html> というように作成しましたが、直接このページを見るなら問題はないのですが、違うリンクからこのページを見ると ■□□□■× ■□□□■× ×××××× というようになってしまいます。 ですが、更新ボタンを押すときちんと ■□□□■ ■□□□■ ■□□□■ と表示されます。更新ボタンを押さなくても正常に表示させる方法はありますでしょうか？ また、一番目のtableタグはwidthとheightとも100%なのでそれをなくした場合も試しましたが、 ■□□□■ ■□□□■ ■■■■■ と表示されます。 htmlはいろんなサイトを見ながら自己流でやってきたので、間違っている所もあるし、説明がわかりづらいかと思いますが、わかる方がいらっしゃれば教えて下さい。宜しくお願いします。 また、htmlの書き方等、良いわかりやすいサイトや本があればお教え下さい。(自分でもhtmlサイトはお気に入りに入れてますが、他にも良い所があるかもしれないので。)
- ベストアンサー
- HTML
お礼
ありがとうございます！！ 助かりました。