解決済
htmlのサイズについて
htmlコードをフリーエリアからブログに貼り付けたのですが、サイズが大きすぎて、デザインがくずれます。
サイズを小さくして、クリックすると元のサイズで表示するようにしたいのですが、
どのようにしたら良いのでしょうか
初心者なので質問自体もうまく伝えられてないかもしれませんが、
どうぞよろしくお願いいたします。
回答(2)
1.
回答者の補足要求に答えてもらえば問題無いですよ。
htmlコードをフリーエリアからブログに貼り付けたhtmlコードで何を貼り付けたのでしょうか。画像でしょうか、バナーでしょうか。
仮にバナーだとすれば
サイドバーのサイズ（横幅）に合わせて
バナーの画像を適切なサイズに変更しましょう。
方法についてはこちらをご覧ください。
■フリーエリアの外にバナーがはみ出してしまいます
■画像のサイズを指定する
質問者が自分の状況をうまく把握できていない状況でも
回答に必要な情報について提示していただき、
また、適切な回答をいただきました。
2.
コメント(6)
>>1 山田うどんさん
ご回答ありがとうございます。
まずhtmlコードで貼り付けたのは
http://www.world66.com/myworld66/visitedCountriesでできた地図です。
さて、画像のサイズはちょうどいい大きさに変更でき、プラグイン部分にきれいに表示できました。
本当にありがとうございます。
あと一点お伺いしたいのですが、
この画像をクリックした時に元のサイズで表示させるには
どうしたらいいのでしょうか。
ブログにアップロードした写真のhtmlコードを参考に
勘でやってみたのですがわかりませんでした。
お手数ですがよろしくお願いいたします。
>>2 しゅほさん
心強いお言葉ありがとうございます。
こんなことくらいといわれてしまうかなとか、現況を説明するために用語を調べつつだったので、お二人の回答を拝見し、とても安心いたしました。
今後今回教えていただいたことを誰かに教えてあげられるようにしていきたいと思います。
>>#1
ベストありがとうございます。
この画像をクリックした時に元のサイズで表示させるには どうしたらいいのでしょうか。以下は、縮小した画像をクリックすることにより
別ウィンドウで元のサイズの画像を表示させる方法です。
・画像は２枚（元のサイズの画像と縮小後の画像）用意する。
・それぞれの画像をアップし、URLを控えておく。
フリーエリアには、以下のように書いてください。
<a href="元のサイズの画像のURL" target="_blank"><img src="縮小した画像のURL" title="画像をクリックすると大きくなるよ♪"></a>※実際にフリーエリアに書くときには、上記のように改行はしないでください。
もしもうまくいかなかった場合はここに書いてください。また見に来ますので。
※これよりも高度な方法（新しく開くウィンドウのサイズを画像の大きさに合わせる等）をお望みでしたら、新たに質問されることをおすすめします。
もちろん、縮小した画像を別にアップしなくても
>>1 と
>>#2 を併用すれば
縮小画像をクリックで拡大することはできます。
<a href="元の画像のURL" target="_blank"><img src="これも元の画像のURL" width="***" height="***" title="クリックで拡大"></a>
表示する段階でサイズを指定するよりも
元々そのサイズの画像をそのまま表示したほうが鮮明だし、ファイルサイズも少なくて済むので
>>#2
>>#3 のような説明となりました。
ちょっといっぺんに言いすぎでしたか。
>>4 山田うどんさん
ご丁寧な説明、ありがとうございます。
最終的には#4 の方法で作成することができました。
何度もご丁寧に教えていただき大変感謝しております。
明日時間のあるときに#2，#3の方法も
自分で試して、どうなるのかみてみようと思います。
今回こちらに質問して、また山田うどんさんに回答いただき、
とても良かったと思います。
本当にありがとうございました。
(また見かけたら助けてください(笑))
