表示画像と別ウィンドウで開くときの画像サイズについて
初心者ですので、うまく説明できる川からいのですがよろしくお願いします。
ブログ内に表示させる画像サイズとは別に、画像をクリックすると別ウィンドウで大きくその画像が表示できる件についてなのです が、テンプレートの設定のせいか、別サイズで大きく表示させたい為のサイズでファイルのアップロードをするとレイアウトからはみ 出してしまうのでいつもレイアウトにピッタリの大きさにしてからアップロードしているのですが、そうすると別ウインドウで開いて もブログに表示されているサイズと同じサイズの画像が新しいウィンドウに表示されてしまいます。
どうにか新しいウィンドウで開いた際にはもう少し大きく表示させたいのですが、大きく取り入れるとそのサイズでブログに埋め込 まれてしまいレイアウトからはみだしてしまします。
どうすればブログ表示時にはレイアウトを崩さないサイズで、また別ウィンドウで開くと大きく表示することができますでしょうか ？
わかりにくい文章ですみません。
よろしくお願いいたします
こちらがそのブログです
http://hungrycaterpillar3.blog60.fc2.com/?template=white_sp ace_ino_31-2&index
2012年08月26日 16:25 by まるむ
たびたびのコメント、ありがとうございます！
とてもわかりやすい説明をありがとうございます！！
早速やってみたところ、思い描いていた通りにできました！！
本当にここまでお付き合い頂き、ありがとうございます、そして、丁寧なご説明にも本当に感謝しています。
本当にありがとうございました！！！
2012年11月24日 22:22 by まるむ
サムネイルは解決されたようでよかったです。
せっかくなので画像でサイズ調整するやり方を写真を交えて書いてみますね。
１．まず記事でファイル挿入をクリック。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/2012112421360193 0.jpg
２．「この画像で記事を書く」をクリック。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/2012112421360265 9.jpg
３．するとこのような文字が追加されます。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/2012112421360276 9.jpg
４．このままだと記事に収まりません。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/20121124213602b4 e.jpg
５．そこで表示幅を変えます。widthに好きな値を指定。（まるむさんですと400ですね）
widthで横幅、heightで高さを指定します。どちらか片方だけだと比率を保持したまま表示してくれます。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/2012112421360287 5.jpg
６．そうすると記事に貼った画像の大きさも変わります。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/20121124213603ce 0.jpg
７．クリックすると元の画像が表示されます。
http://blog-imgs-54.fc2.com/g/i/l/gillgame/201211242136122f c.jpg
2012年11月24日 21:45 by ギル
すみません、スタイルシートを貼り付けようと思ったのですが、長すぎて、またどの部分が変更部分かわからないので、この件は大丈 夫です。
いろいろお世話頂き本当にありがとうございました。
2012年11月24日 20:36 by まるむ
引き続きコメントありがとうございます。
「サムネイルで記事を書く」より行った場合、サムネイルサイズ400で、別ウインドウで表示した場合、元画像サイズの800で 表示することができました！
のでサムネイルから記事を書けば解決いたしました。
ありがとうございました。
もしお時間がございまして、お付き合いいただけるようでしたら、
「この画像から記事を挿入」にした場合、ブログに表示される画像がアップしたままのサイズ800で表示され、テンプレートから はみ出しています。
編集部分がどの部分じあたるのかわからないので、スタイルシートを下記に張り付けてみました。
（文字数オーバーしてしまったので、数回にわけます）
もし、おわかりになりますようでしたら、
「まるむさんのお話を伺う限りですと、「ファイル挿入」で「この画像で記事を書く」をしただけだと思いましたので。これだけだ と元の画像サイズで表示(width="800" など)してしまうので元のご希望の大きいサイズの画像を 今までどおりアップロードしておいて、表示する大きさをwidth="400"に設定されれば解決されるか なと。」
と、アドバイス頂いた変更すべき部分を教えていただければ幸いです。
サムネイルから挿入することによって問題は解決できましたので、もしご面倒でしたら、このまま終了でも構いません。
本当にありがとうございました。
2012年11月24日 20:33 by まるむ
確認したいのですが、例えば幅800の画像をサムネイル幅400でアップロードして記事を書く場合、幅400で表示してクリック すると幅800の画像が出る、といった仕組みになります。
もしかしてクリックすると幅1200で表示するみたいにアップロードしたものより大きいサイズで表示されたいということでしょ うか？それですと私にはわかりません…
どのようになってるかわからないので空の記事にサムネイルを１枚挿入して編集部分の文字を全部こちらに貼り付けていただけると 助かります。
2012年11月24日 16:20 by ギル
引き続きコメント頂きありがとうございます。
ギルさんのおっしゃる通り、「ファイル挿入」で「この画像で記事を書く」をやっただけでした。
アドバイス頂いたように、表示サイズのwidthを400に設定すればよさそうですが、本当に私はド素人でいろんな方に聞きな がら見よう見真似で作り上げたので、恥ずかしながらアドバイス頂いた変更部分が見つけられませんでした。
ですので、第二の方法、サムネイルからやってみたのですが、こちらは多少大き目のサイズでアップロードしても表示サイズを40 0にしておけばレイアウトからはみ出すことなく仕上がるのですが、仕上がったブログの写真をクリックし、別ウインドウで開いても サイズが大きくなることなく同じサイズのまま別ウインドウで開かれているようです。
せっかくアドバイス頂いたのに、使いこなせなくて申し訳ないです。
2012年11月24日 16:01 by まるむ
「ファイル挿入」で画像を貼り付けると出る
<a href="http://blog-imgs-54.fc2.com/g/i/l/gillgame /img.jpg" target="_blank"><img src=&quo t;http://blog-imgs-54.fc2.com/g/i/l/gillgame/img.jpg" a lt="代替テキスト" border="0" width="400&q uot; height="300" /></a>
といった部分です。もしこれ以外の方法で作成されていたらちょっとわかりませんが…
まるむさんのお話を伺う限りですと、「ファイル挿入」で「この画像で記事を書く」をしただけだと思いましたので。これだけだと 元の画像サイズで表示(width="800" など)してしまうので元のご希望の大きいサイズの画像を今 までどおりアップロードしておいて、表示する大きさをwidth="400"に設定されれば解決されるかな と。
あるいは画像をアップロードする際にサムネイルにチェックを入れておいて表示サイズを入力しアップロード、記事に画像を貼る際 は「サムネイルで記事を書く」を選択すれば設定した大きさのサムネイル画像で表示し、クリックすると元の大きな画像を表示すると いったものになります。
どちらもFC2で用意された機能を使ったものとして書いているので、もし別のアップロードサービスとか画像タグ作成ツールなど を使われている場合は width="400" で大きさを指定するということだけ受け取って下さい。
2012年11月24日 07:43 by ギル
ギルさん、コメントありがとうございます。
せっかくコメントいただいたのですが、私があまりに初心者な為、表示幅を変更するためにどの部分を変更してよいか全く分からず で手が付けれませんでした。
時間のあるときに少しずつ勉強しながら、どの部分かを見つけて挑戦してみたいと思います。
2012年11月24日 00:40 by まるむ
サムネイルを使われるか、下記のように表示画像の幅を変えたらいかがでしょうか？（widthかheightのみ書くともう一方 を自動で合わせてくれます）
<a href="クリックすると出る画像" target="_blank" ;><img src="表示する画像" alt="画像がないときの代替テキスト " border="0" width="400" height=&qu ot;300" /></a>
ご存知でしたらすみません。
2012年11月23日 12:09 by ギル
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
