はてなダイアリーに写真を載せることについての質問です。

2つ質問があります。

①はてなダイアリーに載せた写真をクリックすると画像が大きく(拡大)なるようにしたいのですがどうすればできるでしょうか?

②はてなダイアリーに載せた写真をクリックしても、はてなフォトライフのページに飛ばないようにするのはどうすればできるでしょうか?
はてなダイアリーではありませんが例えばこんな感じです(例のページ)↓
http://ugochara.hateblo.jp/

回答、宜しくお願いいたしますm(_ _)m

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/09/20 09:11:07

ベストアンサー

id:a-kuma3 No.1

回答回数4972ベストアンサー獲得回数2154

①はてなダイアリーに載せた写真をクリックすると画像が大きく(拡大)なるようにしたいのですがどうすればできるでしょうか?

これをやるためには javascript というのを使わなきゃいけなくて、それがはてなダイアリーでは使えません。
はてなブログだったら、javascript が使えるので、何とかなるかもしれません。

②はてなダイアリーに載せた写真をクリックしても、はてなフォトライフのページに飛ばないようにするのはどうすればできるでしょうか?

ダイアリーには、フォトライフ記法を使って書いているのだと思います(f:id:~ というやつ)。
それではなく、直接 HTML のタグを使うとできます。

はてなフォトライフの写真一枚のページで、右上にある「リンク」というのをクリックすると、その下にコピーするコードが二種類でてきます。
その二番目の「このHTMLタグで写真をブログに貼ることができます」の方を使います。
こんな感じになっているのですが、赤い文字にしたところだけをダイアリーに書いてください。

<a href="http://f.hatena.ne.jp/a-kuma3/20130916194742"><img src="http://img.f.hatena.ne.jp/images/fotolife/a/a-kuma3/20130916/20130916194742.jpg" alt="20130916194742"></a>

切り出して、幅の指定(赤字の部分)を入れたのがこう。

<img src="http://img.f.hatena.ne.jp/images/fotolife/a/a-kuma3/20130916/20130916194742.jpg" alt="20130916194742" style="width: 240px">

こういうふうに表示されるはずです。
20130916194742




追記です。

はてなブログでやってみました。
http://a-kuma3.hatenablog.com/entry/2013/09/19/120922

とりあえずやってみたというレベルです。
やり方は、他にもいろいろとあります。
はてなブログに引っ越したときに、やり方が分からなかったら聞いてください。

他3件のコメントを見る
id:hb64226326174d111

a-kuma3(id:a-kuma3)さん>>コメント&回答の追記有難うございます!
7kgくらいなんですね。
うちのリュウと比べると軽いですね!(リュウは10Kg前後なので)

はてなブログでわざわざ試していただき有難うございます!
拝見させていただきます。

2013/09/20 09:02:03
id:hb64226326174d111

ベストアンサーにさせて戴きます!

2013/09/20 09:10:58

その他の回答1件)

id:a-kuma3 No.1

回答回数4972ベストアンサー獲得回数2154ここでベストアンサー

①はてなダイアリーに載せた写真をクリックすると画像が大きく(拡大)なるようにしたいのですがどうすればできるでしょうか?

これをやるためには javascript というのを使わなきゃいけなくて、それがはてなダイアリーでは使えません。
はてなブログだったら、javascript が使えるので、何とかなるかもしれません。

②はてなダイアリーに載せた写真をクリックしても、はてなフォトライフのページに飛ばないようにするのはどうすればできるでしょうか?

ダイアリーには、フォトライフ記法を使って書いているのだと思います(f:id:~ というやつ)。
それではなく、直接 HTML のタグを使うとできます。

はてなフォトライフの写真一枚のページで、右上にある「リンク」というのをクリックすると、その下にコピーするコードが二種類でてきます。
その二番目の「このHTMLタグで写真をブログに貼ることができます」の方を使います。
こんな感じになっているのですが、赤い文字にしたところだけをダイアリーに書いてください。

<a href="http://f.hatena.ne.jp/a-kuma3/20130916194742"><img src="http://img.f.hatena.ne.jp/images/fotolife/a/a-kuma3/20130916/20130916194742.jpg" alt="20130916194742"></a>

切り出して、幅の指定(赤字の部分)を入れたのがこう。

<img src="http://img.f.hatena.ne.jp/images/fotolife/a/a-kuma3/20130916/20130916194742.jpg" alt="20130916194742" style="width: 240px">

こういうふうに表示されるはずです。
20130916194742




追記です。

はてなブログでやってみました。
http://a-kuma3.hatenablog.com/entry/2013/09/19/120922

とりあえずやってみたというレベルです。
やり方は、他にもいろいろとあります。
はてなブログに引っ越したときに、やり方が分からなかったら聞いてください。

他3件のコメントを見る
id:hb64226326174d111

a-kuma3(id:a-kuma3)さん>>コメント&回答の追記有難うございます!
7kgくらいなんですね。
うちのリュウと比べると軽いですね!(リュウは10Kg前後なので)

はてなブログでわざわざ試していただき有難うございます!
拝見させていただきます。

2013/09/20 09:02:03
id:hb64226326174d111

ベストアンサーにさせて戴きます!

2013/09/20 09:10:58
id:xnissy No.2

回答回数1029ベストアンサー獲得回数203

①と②の条件を同時に満たすように、と言う意味でしたらごめんなさい。

①写真をクリックすると画像が大きく(拡大)なるように

現在、写真をアップロードするときに、自動的に縮小するような設定になっているのではないかと思います。アップロード画面で、

長辺「 」px

という入力欄がありますので、「640」なり「800」なりの数値を入れれば、フォトライフに大きめの写真が保存されます。
ダイアリーに貼り付けるときの大きさは、「選択した画像・動画を貼り付け」ボタンの上にある「画像の大きさ」というところで「S」~「LL」まで選べます。

これによって、はてなダイアリーでは小さい写真が表示され、クリックするとはてなフォトライフ上で大きな写真が表示されます。

id:hb64226326174d111

xnissy(id:xnissy)さん>>
回答有難うございます^^
写真のサイズが選べれるんですね。
有難うございます^^

2013/09/18 17:50:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません