画像のサイズを取得して、それに適したウインドウを表示したいと思っています。
今のところ、下記のように実装しましたがローカルで実行した際に、サイズを取得できない場合があります。
(document.write(size);で、width=0,height=0 と返ってくる)
また、サーバ上で実行するとブラウザが応答なしになってしまいます…。
どのように解決すればよいか、良い案がありましたら是非ご教授下さい。
宜しくお願い致します。
function popup_img(url, title){
var tImg = new Image();
tImg.src = url;
x = tImg.width;
y = tImg.height;
document.write(size); //for debug
if(x!=0 && y!=0){
var size = "width=" + x + ", height=" + y;
a = window.open("","",size);
a.document.write("<HTML>\n");
a.document.write("<TITLE>",title,"</TITLE>\n");
a.document.write("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>\n");
a.document.write("<IMG SRC=",url,">\n");
a.document.write("</BODY></HTML>\n");
a.document.close();
a.moveTo((a.screen.availWidth / 2 - tImg.width / 2), (a.screen.availHeight / 2 - tImg.height / 2));
}
}
// -->
</SCRIPT>
</head>
<BODY>
<a href="#" onClick="popup_img('TEST.jpg', 'SOME TITLE')">TEST</a>
No.1ベストアンサー
- 回答日時:
ご回答有難うございます。スクリプト早速使わせて頂いております。パラメータによって色々出来るように工夫されていますね。
恐縮ですが、また問題がありました。
呼び出しもとのHTMLを下記のように記述しておりますが、これでは訪問済みリンクが設定されないようです。(IEの履歴に残らない)
<a href=# onclick="window.open('.1.jpg','img1','center=1,image=1');return false">open3</a>
href=# をファイルへのパスにしても未訪問のままでした。ユーザではなく、プログラムがファイルを開いているので当たり前かと思いますが、サイト閲覧者が訪問済かどうか履歴を残すことって可能なんでしょうか?
ご回答頂ければ幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
読み込んだQRコードをフォーム...
-
特定の文字列を複数抜き出した...
-
var exports = exports || {}; ...
-
ローディングアニメーションの...
-
GASでチェックボックスを一括of...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
React hooksが値を返して配列変...
-
初心者です。gulpでコンパイル...
-
ジャバスクリプトについて。
-
プログラムについて。
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
Colorboxがうまく設置できません
-
Cookieに保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報