いくつかのサムネール画像があって、POP upでいろんなサイズの画像を表示したいと思ってます。かつ、そのウィンドウは同じPOP upウィンドウが切り替わるようにしたいです。単にウィンドウサイズの指定を変えただけでは最初に開いたウィンドウサイズのままで切り替わってしまいます。これを画像サイズに合わせてウィンドウサイズも変える方法はないでしょうか?
画像サイズはたった2種なんですが、横長と縦長なので・・・

このQ&Aに関連する最新のQ&A

A 回答 (2件)

>でも画像サイズを制御してるのは親ウィンドウですよね。


いえいえ、すべてPOPUPウィンドウの方で制御します。

もしウィンドウロード後にウィンドウサイズを変えるのがお嫌でしたら、
親ウィンドウの方に画像のサイズを持たせておいて、
Window.openメソッドのプロパティにそのサイズを入れてPOPUPが開く時のサイズを指定するという方法もありますよ。
<A HREF="#" onClick="window.open("URL","名前","width=幅,height=高さ")"><IMG SRC="画像のパス" WIDTH=幅 HEIGHT=高さ></A>
    • good
    • 0
この回答へのお礼

いろいろ作業をやってて遅くなってしまいました。
最初にいただいた画像サイズの取得をヒントにresizeTo()でやったら
それらしくなりました。ありがとうございました。

お礼日時:2001/10/02 14:26

<IMG SRC="画像のパス" NAME="画像名">としておいて、


document.images["画像名"].widthで画像の幅、
document.images["画像名"].heightで画像の高さを取得することができます。
これを使ってonLoad時にウィンドウサイズを変えるというのはどうでしょう?
ネスケではwindow.innerWidthとwindow.innerHeight、
IEではdocument.body.clientWidthとdocument.body.clientHeightです。

例: windowinnerWidth = document.images["img"].width

この回答への補足

なんとなく・・わかるのですが。この場合、まずブラウザを判定しますよね。
で、画像のサイズを取得するのはPOP UPウィンドウのロード時ですよね。
でも画像サイズを制御してるのは親ウィンドウですよね。
すんません、もうちょいアドバイスをお願いします。

補足日時:2001/09/18 22:32
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラ

添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラーしか出た事がないのですが

Aベストアンサー

他の回答者様の記入通り、拡張子が無い事には判断出来ません。
また、クリックしてもエラーとありますが、webから探すとか出ませんか?
憶測ですが、多分質問者様のPCにこのファイルを開くアプリケーションが
インストールされていないのではないかな?って思います。
参考までに
よくありがちなのは、XPで作ったエクセルファイル等(逆だったかな^^;)を
ビスタのPCで見ると似たようなアイコンになります。
オフィスの互換パックをインストールすると見れます。

Qウィンドウサイズにあわせた背景画像の大きさの変更

今スタイルシートで背景を固定したページを作っています。
この固定背景をウィンドウサイズにあわせてサイズ変更したいのですが、HTMLで可能でしょうか?
例えば、800×600を全画面で1024×768とした時、背景に表示される画像は800×600の時のを拡大したもの、というのが理想なんですが・・・。
過去の質問も検索したのですが、検索の仕方が悪いのか、どうもいい感じにならないので・・・。

因みに、現在下記で書いてます。
--------------
<style type="text/css">
<!--
body{background:fixed url(画像)
#ffffff no-repeat top left}
-->
</style>
-----------

よろしくお願いします!

Aベストアンサー

一応それらしいことは出来るみたいです。
ただ、スタイルシートでレイヤを作ってるので‥‥
と、書くよりも下記URLが参考になるのでそちらを見てはどうでしょうか^^;

参考URL:http://tohoho.wakusei.ne.jp/wwwxx037.htm

Q右クリで画像保存が出ない!

画像を取りたくて矢印を画像に置くと!手のマークに代わり!右クリができなくなりました。
どうしたらよいのでしょうか?

Aベストアンサー

最近のサイトでは著作権の問題もあり、勝手に保存ができないように右クリックができないように設定しいるところが多くなっているであります。法律に抵触する場合もあるであります。

方法としては、色々あるでありますが、ただ見えてる画像が欲しいのであれば、プリントスクリーンでPC画面全体をコピーして、ペイントソフトにペースト、余分な部分を削除して保存すればいいと思うであります。

プリントスクリーンはググってほしいであります。

Q背景画像をウィンドウサイズに合わせる方法

こちらを使っての質問は初めてのため、説明不足な点があるかもしれませんがよろしくお願いいたします。
alphaEDITというソフトを使ってホームページを作っています。
背景を設定するところまではできたのですが、ウィンドウを最大化から縮小にすると、背景の左上の部分に焦点がいってしまい、ページ全体を見るにはスクロールバーを動かさないと見れないという状態になっています。

縮小してもスクロールバーをつかわずページの大きさにウィンドウを合わせるように設定するにはどのようにすればよいのでしょうか?半日かけて調べたのですがこの類のことに疎いため自力で解決することができませんでした・・・。

HTMLソースを使って説明してくださる場合には、(仮に「haikei」という画像データを使用する場合)そのソースをどこに記入すればいいのか教えていただけると助かります。

粗末なものですが症状を説明する画像も用意しました。左側がウィンドウ最大化時、右側が縮小したときのものです。右側のイラストに書かれている灰色のラインはスクロールバーです。

いい加減な説明で申し訳ないのですが何卒、よろしくお願いいたします。

こちらを使っての質問は初めてのため、説明不足な点があるかもしれませんがよろしくお願いいたします。
alphaEDITというソフトを使ってホームページを作っています。
背景を設定するところまではできたのですが、ウィンドウを最大化から縮小にすると、背景の左上の部分に焦点がいってしまい、ページ全体を見るにはスクロールバーを動かさないと見れないという状態になっています。

縮小してもスクロールバーをつかわずページの大きさにウィンドウを合わせるように設定するにはどのようにすればよいのでしょうか?...続きを読む

Aベストアンサー

スタイルシート(CSS3)で背景画像をウィンドウサイズに合わせて調整する方法があります。
http://tips.nishishi.com/css/background-size-css3.html

いま作っているhtmlソースに合わせてcssを導入しましょう。
http://homepage.ojaru.jp/css.html

Q 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思

 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思います。着衣・水着・スカート、なんでもOKです(あまり小さいサイズじゃない方がよいです)。どうぞよろしくお願いします。

Aベストアンサー

こちらに数点ありました。
http://bsearch.goo.ne.jp/image.php?UI=web&TAB=web&STYPE=0&CC=1&SCRDEF=0&IMGST=0&IMGSZ=0&IMGC=3&IMGFT=0&IMGFT=1&IMGFT=2&IMGFT=3&MOVPT=0&MOVFT=0&MOVFT=1&MOVFT=2&MOVFT=3&AUDPT=0&NSDP=1&KWDP=1&DC=20&FR=1&SM=mc&OCR=1&SITE=&SITE2=&SITE3=&SITE4=&SITE5=&SITEH=&AUDST=0&AUDMST=0&MOVTHN=0&QGR=1&MOVSC=0&NOJSB=0&QGA=1&NOJS=0&AUDSITE=0&MT=%CD%A7%B6%E1&button=%B2%E8%C1%FC%B8%A1%BA%F7
画像を使用される場合は自己責任でお願いします。

Qflashを使わずに背景画像をウィンドウサイズに合わせて可変させる方法

flashを使わずに背景画像をウィンドウサイズに合わせて可変させる方法

以前同じ質問をされていた方がいらっしゃいまして、
そちらの回答にあったサイトを参考に作ってみたのですが、背景画像が選択出来る状態になってしまいます。
http://oshiete.goo.ne.jp/qa/5475754.html

こちらの回答のサイトは背景を選択できないようになっているのですが、なぜでしょうか。
cssは不必要な部分があると思ったので#bgに関係しないものは取り除いています。


ご回答よろしくお願いいたします。

Aベストアンサー

私の環境では、参考サイトも画像を選択して保存できますよ。
選択できなくするには背景画像にするしかないですが、
それにはcss3のbackground-sizeプロパティを使わなきゃならないので、
IEなどでは表示できなくなりますので、現実的ではないかもしれないですね。
http://www.htmq.com/css3/background-size.shtml

Q●「美人アプリ」の画像を保存したい!

●「美人アプリ」というアプリを使用しています。

●ここで表示される画像を保存したいのですが、方法がわかりません。可能かどうかも。。

●もし、方法をご存知の方がいらっしゃいましたら教えていただけませんか?おねがいします。

Aベストアンサー

保存したい画像を表示させて、↓の方法で画面をキャプチャすると、写真アルバムから見れます。
http://blog.livedoor.jp/sakusakupocky/archives/50263981.html

Q画像UP掲示板にデジカメ写真をUPしたい

画像や、音楽がUPできる趣味のサイトに自分でデジカメで撮った写真をUPしたいのですがタグの写真の住所の記載の仕方が分りません。
<img src="............../yama.jpg">
.....の部分は、サイトのURLを入れれば良いのでしょうか?教えてください。何分初心者なので宜しくお願い致します。

Aベストアンサー

タグが必要ということはアップ板ではなくリンクさせるものですね。
M-NoelさんはHPスペースをお持ちですか?
要はそこのアドレスを記述しないといけません。
例えば
http://www.M-Noel.com/***.jpg
のような感じです。
持っていないとまずどこかを借りる必要があります。

Q右クリ禁止のサイトの画像を保存

質問の通りなのですが右クリック禁止のサイトの画像を保存できるようにする方法はないでしょうか?あと、よく海外でおもしろ動画とかを見せてるサイトがありますが、そういった動画を保存する方法はありますか?重ねて質問すいません^^;

Aベストアンサー

そのサイトを見ないとなんとも言えませんが、
JAVAをオフにしてみると右クリック禁止がはずれる事もあります。

それで駄目ならば、プリントスクリーンを取って画像を修正してください。
まぁ画像を持ち出されたくないサイトならばあまり持ち出さないほうがよろしいかと思います。

ちなみに動画を保存する場合は専用のソフトなどが必要。

QPOP UP NEW WINDOW

あるリンクをクリックしたら、
指定サイズの新しいウィンドウが出てくる
タグを教えてください。
指定サイズにしてあるにもかかわらず
後からウィンドウをリサイズできるように
もしたいです。

あと、できましたら、そのリンクをクリック
したページを自動的に消せたらなお助かります。

ヨロシクおねがいいたします。

Aベストアンサー

新しいウインドウを開く。


<html>
<head>
<title>サブウィンドウ表示</title>
<script language="JavaScript">
<!--
function WinOpen(url){
subwin=window.open(url,"newwin01","scrollbars=no,resizable=no,width=240,height=300")
}
function on(){
window.focus();
}
//-->
</script>
</head>
<body onload="on()">
<a href="javascript:WinOpen('sub/sab_window.html');">新しいウィンドウを開く</a>
</body>
</html>


あと、JavaScriptについてのサイトを紹介します。
参考にしてみてください。

http://www.sky.sannet.ne.jp/masapine/java_top.html

http://www.oitaweb.ne.jp/hp/tatsuya/index.htm

参考URL:http://www.sky.sannet.ne.jp/masapine/java_top.html,http://www.oitaweb.ne.jp/hp/tatsuya/index.htm

新しいウインドウを開く。


<html>
<head>
<title>サブウィンドウ表示</title>
<script language="JavaScript">
<!--
function WinOpen(url){
subwin=window.open(url,"newwin01","scrollbars=no,resizable=no,width=240,height=300")
}
function on(){
window.focus();
}
//-->
</script>
</head>
<body onload="on()">
<a href="javascript:WinOpen('sub/sab_window.html');">新しいウィンドウを開く</a>
</body>
</html>


あと、JavaScriptについてのサイトを紹介します。
参考...続きを読む


人気Q&Aランキング

おすすめ情報