写真のサイズ指定方法とポップアップウィンドウの作成方法
- 写真のサイズ指定方法について、ウェブデザインの学校ではwidthを使用することを避けるように言われましたが、必ずしもその方法が正しいわけではありません。サムネイル用の小さい写真と大きい写真(実物サイズ)を用意する必要があるかどうかは、明確にされていません。
- また、写真をクリックした際にポップアップウィンドウが開かれる方法についても、ブラウザの仕様によって異なります。リンクを別のタブではなく、適度に小さいサイズのウィンドウで開くためにはどのような指定方法が良いかは明確にされていません。
- Dreamweaverを使用して指定する方法については、具体的な情報が提供されていません。状況に応じて、JavaScriptなどのスクリプトを使用する必要があるかもしれません。Dreamweaverのドキュメンテーションやコミュニティを参照して、適切な方法を見つけることをおすすめします。
- ベストアンサー
写真のサイズはどう指定するのが正しい
写真のページを作っています。 小さい写真を並べて(サムネイル)、クリックすると大きい写真が開きます。 「小さい写真を作るのに、widthでサイズを指定するなんて、バカなことするな」とウェブデザインの学校で言われた記憶があります。 つまり、サムネイル用の小さい写真と、大きい写真(実物サイズ)を用意しないとダメなんでしょうか? (いちいちフォトショップとかでサイズ変えるということ?) ネット検索したら、絶対に、そうしろとは書いてないんですが。。。 それから、リンクすると、ポップアップみたいに開いてほしいのに、ブラウザの別のタグが開きます(IEもChromeも、だからブラウザのせいではない?) 写真に合わせた適度に小さいサイズの別ウィンドウを開かせるにはどうすればいいでしょうか?できれば、Dreamweaverでの指定の仕方が良いです。
- tateyoko555
- お礼率70% (535/759)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
画像の扱いだけ。 絶対そうしろ、でなくサイト自体と閲覧先を考える事になります。 今でも携帯やスマートフォンに対しては、通信速度が細いです。 通常ブラウザで常時接続と同じまま、編集してるにしてもフルサイズの画像を 落とさせる場合、見るほうは完全に通信待ちになり、げんなりします。 売り場の住所など、画像無しで見たいほど急ぎな情報が併記されてたら困ります。 確かにタブレット端末の通信速度が携帯波かWiFiかはわかりづらいですが、 携帯変換サーバとか携帯振り替えサイトが働いてるにしても、 杓子定規に、最終イメージだけしか送らないのは送る側の勝手すぎです。 サムネイルも、ざっくり色情報を軽くしたり、どアップにするとか、 引いてみたくなる作り方はあり、自動アイコン化ツールも有るかもわかりません。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
HTMLが、 HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば・・・【中略】・・・帯域が広いコンピュータや狭いコンピュータ、等の環境である。「2.2.1 HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )より」 なら、ファイルサイズの小さな画像をおいておく、しかも画像を読み込めない(読まない設定にしている)ユーザーエージェントために、画像に変わる情報を伝えられる適切な代替テキストを置くことが推奨されています。 13.8 代替テキストの指定方法 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.8 ) >リンクすると、ポップアップみたいに開いてほしいのに、 これは一般的にはjavascript、もしくはtarget指定で行いますが、最近のブラウザはそれでは「ウザイ」ので、デフォルト、または設定してタグで開くようにすることも多いです。 ユーザーが、リンクを右クリックしてコンテキストメニューで「新しいウィンドで」「新しいタブで」「このタブで」などを指定することが多いので、作者がきにすることはないと思います。 ゜
お礼
ありがとうございます。 でも多くのサイトは、大きな画像をいっぱい使っているように思います。 リンクの開き方は、了解しました。ありがとうございました。
関連するQ&A
- 指定ウィンドウサイズ
サムネイル画像をクリックしたら、子画面(指定サイズ)が立ち上がる作りにしていました。しかし、IEでは動作しているのですが、ファイヤーフォックスでは全画面表示になってしまい、うまく機能しません。 以下のタグに、何を加えればどんなブラウザでも対応できるのでしょうか? /////////////////////////////////////////////////// <A href="解説ページ(子画面).html" onclick="window.open(this.href, '', 'width=630,height=560,top=300,left=300'); return false;" target="_blank"><IMG src="サムネイル画像.jpg" width="100" height="100" border="0"></A>
- ベストアンサー
- JavaScript
- ブログの写真サイズで困ってます
ブログに写真を貼り付けるとき、オリジナルサイズにするとバカでかくなりすぎ、サムネイルにすると小さすぎるサイズになります。以前はちゃんと程よいサイズで貼り付けられたのですが,どのように設定すればいいのでしょうか?
- ベストアンサー
- ブログ
- 小窓を開くサイズ指定について
ある場所をクリックした時、ポップアップのように、適当なサイズで別の窓が開くやり方を教えてください。 <a href "xxxx.html" target="_blank">の中に、どんなサイズで、どの位置にとかを書くタグってありますか。 または、開く側のhtmlに、どんなサイズで開くとかを書くのですか。 サイズ指定でなく、そのページの最も小さいサイズを自動的に判断するのでしょうか。
- ベストアンサー
- レンタルサーバ・ASP
- ブラウザにサイズに合わせてflashサイズを変更
ブラウザのサイズ、いっぱいいっぱいにflashを表示させようとしています。 FirefoxとChromeでは、embedタグのwidthとheightをJavascriptで得た値を使って、 ブラウザのサイズに合わせて見た目変更できるのですが、 IE8は変化無しです。 IE8にも対応しようと、単純なflashなのでドキュメントサイズそのものを変更しようと 思いましたが、_root._width,_root._heightを引数で渡して設定しても、flashのドキュメントサイズは 変更できませんでした。 IE8でもブラウザのサイズに合わせてflashのサイズを変更する方法はないのでしょうか。 困っています。教えてください。よろしくお願いします。
- ベストアンサー
- Flash
- IE8にするとサイズ指定の別ウィンドウが表示できません
よろしくお願いします! 今、私のホームページで以下のタグの記述とアイコンを使い、指定した大きさで別のウィンドウを開けるようにしているのですが、ブラウザをIE8にした途端に(実際にはWindows7 RC版上でのIE8で)、今までのように別の指定サイズのウィンドウ表示が出来なくなりました。 <a href="△△△.html" onclick="window.open(this.href, '_blank', 'width=600,height=400,scrollbars=yes,resizable=no,toolbar=no, directories=no,location=no,menubar=no,status=no,left=10,top=10'); return false"><img src="○○○.jpg" border="0" align="center"></a> ※ 今回のタグの記述例は、この質問ページの体裁に影響してしまうので、途中で改行を入れています。本来はつなげて記述しています。 IE7や他のブラウザでは、問題なく別の指定サイズのウィンドウで表示が出来ていました。 なにぶん見よう見真似で取り入れたタグの記述方法だったので、IE8のどこを変更すれば別ウィンドウで表示できるでしょうか? またはIE8になると、以上のタグの機能は使えないのでしょうか? ぜひご教授お願いします。
- ベストアンサー
- ブラウザ
- 指定サイズウィンドウが開かない
ビルダーでサイトを作成しているのですが JAVAスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにFTPツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <A href="javascript:void(0);" onClick="window.open('file:///○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A> です。これを<BODY></BODY>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか? 教えてください。
- ベストアンサー
- ホームページ作成ソフト
- 画像リンクを別ウインドウでサイズ指定で開くように
<a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg" width=60,height=60></a> 小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、 その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。 上記のタグでは、別ウインドウでは開くのですがサイズは変わりません… Javascriptを使わないといけないのでしょうか? その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。
- 締切済み
- その他(インターネット・Webサービス)
- 写真をポップアップで拡大表示したい
複数写真のサムネイルがある画面で、 サムネイルをクリックした時に 「閉じる」ボタンがついた ポップアップ画面で表示させたいのですが。 ポップアップ画面のサイズは、固定なので ポップアップ画面のhtmlは、ひとつで 元のサムネイルによって、 表示する写真を変えたいのですが。 外部ファイルで処理をしたいのですが。 できるんでしょうか? よろしくお願いします。
- 締切済み
- その他(プログラミング・開発)
- スタイルシートでフォントのサイズを指定
Dreamweaver MX 2004初心者です。宜しくお願いいたします。スタイルシートを使いフォントのサイズを指定しました。 自分の記憶が正しければCSSでフォントのサイズ指定した場合、 ブラウザでの文字の拡大・縮小に影響がないと思っていましたが、実際プレビューで文字の拡大・縮小をしてみると反映しています。問題ないのでしょうか。もしくは設定がおかしいのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverでタグを編集中、ウィンドウサイズに合わせてタグを改行したい
Dreamweaverでタグを編集中、タグがどんどん右に加わってしまい、いちいちスクロールしないと見られません。 ウィンドウサイズに合わせてタグが改行するように環境設定を行いたいのですが、どこで設定すれば良いのでしょうか…。
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございます。 やはり読み込みに時間がかかるかどうかという理由でしたか。 (学校で理由を聞かなかったので) それなら画像は軽い方がありがたいのですね。というか、ない方がいいんでしょうね。