写真集の写真を別窓で大きく表示したいのですが、
クリックしてもそのままの同サイズでしか別窓で表示されません。
大きく拡大した写真を表示したいのですが
このタグでどこがいけないのでしょうか?
アドバイスよろしくお願いします!
<tr>
<td align="center" valign="middle" width="128" height="128"><A href="s-d11900251.jpg" target="_blank"><IMG src="s-d11900251.jpg" border="0" width="160" height="120"></A></td>
No.4ベストアンサー
- 回答日時:
> 元の画像は480×360ピクセル 20000バイト
> 写真集ページに表示しているのは160×120ピクセル 7000バイト
??ますますもって不可解です。
元の画像ファイル=サムネイル(写真集ページに表示)としている画像ファイル、であれば、HTML内の記述で「見かけ上」の縮小表示(縦横サイズを無理矢理縮めて表示させる)を行う事はできても、ファイルの実際の容量である”バイト数”は変化しません。
本当に同じ画像を参照していますか?サムネイル用様に作った画像(実は元々160×120)とポップアップ表示用画像(480×360)と”同じファイル名”で”違う階層”に保存してたりしませんか?
もしそうであれば、あのHTMLソースでは、新規ウィンドウで開く際に後者を参照しているつもりで前者を参考している(パスの間違い)事になりますので、結局「クリックしてもそのままの同サイズでしか別窓で表示され」ない事になり、辻褄が合うのですが。
本当にあの通りにHTMLが記述がされ、サムネイルとして表示させている画像が本来は480×360の縦横サイズを持っているのであれば、必ず「別窓で480×360で表示」になるからです。
何かまだ勘違いがあると思います。今一度、フォルダの中を見直して、画像の名前・保存場所・縦横サイズ等を確認してみて下さい。
IEをご使用でしょうか?それでしたら先ずは「別窓で」開いた時の画像を右クリックして「プロパティ」を表示させてみて下さい。「大きさ:○○×○○ピクセル」という記述がありますので、そこの値を確認して下さい。そこの値が”480×360ピクセル”になっているのが正しい状態ですが、もしかして”160×120ピクセル”になっていませんか?
>同じファイル名”で”違う階層”に保存してたりしませんか?
違う階層にあり、FFFTPで転送されておりませんでした。
助かりました。
ほんとうにありがとうございました!!!!!!!
No.3
- 回答日時:
> 縮小ソフトである程度容量を下げておりますが、別窓にすると結構大きめに表示されます。
ちょっと勘違いされている様な気がします。「別窓にする」事で「大きめに表示」される事はありせん。
ソースを見る限り、「写真集メインページ」に表示している画像もtarget="_blank"で直接(HTMLファイルに埋め込んだ画像ではなく)新規ウィンドウで開いている画像も、同じ"s-d11900251.jpg"ですよね?この"s-d11900251.jpg"の本来の縦横サイズはいくつなのですか?
> 写真集メインページにはそれよりも小さめに表示しており、
というところを見ると、「写真集メインページ」でのimg内の記述は”width="160" height="120"”ですが、"s-d11900251.jpg"の本来の縦横サイズは”この値より大きい”(例えばサムネイルとして扱う際には1/2のサイズに縮小していると考えた場合W320px×H240px)のですよね?
もしそうであるなら、新規ウィンドウで開いている画像の方は縦横サイズを指定されていないので、"s-d11900251.jpg"の本来の縦横サイズで表示されます。
なので、結果は、
> クリックすると別窓で本来のサイズで表示したいです。
こうなる筈ですが?
>> クリックすると別窓で本来のサイズで表示したいです。
>こうなる筈ですが?
おっしゃるとおりです!
元の画像は
480×360ピクセル 20000バイト
写真集ページに表示しているのは
160×120ピクセル 7000バイト
です。
別窓で480×360で表示したいのですがどうするといいでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像クリックでクリップボード...
-
pngやjsの後ろの英数字の意味は...
-
リンクの上にマウスカーソルを...
-
WEBサイトの一部コンテンツがス...
-
form以外でのpostってできますか?
-
バナーの貼り方とバナーにリン...
-
「alt属性」をすべての画像に設...
-
背景が透明なリンクボタンで、...
-
スマホで、画像をクリックする...
-
画像の上に画像を重ねるタグは?
-
ブロックエディターで作りつつ...
-
areaタグのマウスオーバー時に枠線
-
スライドショーの上にロゴマー...
-
画像の横に文字を表示させたい。
-
アルバムをめくるように、画像...
-
ボタンを押したままにする。
-
imgの下に余白が出来てしまう
-
IMGタグでTIFF画像を表示
-
画像の周りに色がつく
-
コピーライト表示の年度更新
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
背景が透明なリンクボタンで、...
-
画像クリックでクリップボード...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
期間ごとに画像表示を切り替え...
-
スライドショーの上にロゴマー...
-
アルバムをめくるように、画像...
-
複数のボタンで1つのエリアに...
-
HTML上の画像を結合する方法が...
-
「DecareステートメントにPtrSa...
-
<A href= と<IMG srcの使い分け
-
CSSを使わずにマウスオーバーで...
おすすめ情報