人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

●質問者: 麻衣=リュウママ
●カテゴリ:はてなの使い方 ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

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

これをやるためには 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

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


麻衣=リュウママさんのコメント
a-kuma3(id:a-kuma3)さん>> 回答有難うございます^^ ?の質問の件ははてなダイアリーには、javascriptというものが使えないんですね。 ですが、近ごろぐらい(?)に、はてなブログにダイヤリー移行しようとおもっているので、もしよろしければ、載せた写真をクリックすると画像が大きく(拡大)なるようにする方法を知っていれば教えていただけないでしょうか? お手数をおかけして申し訳ございません。 ?の質問の件ですが、フォトライフ記法を使うのですね! 試しにやってみますね! 有難うございます!! あと余談ですが(すみません><)、回答に載せている例の写真はa-kuma3さんが飼っているわんちゃんですか? トイ・プードルですよね? もふもふしてて可愛いですね^^

a-kuma3さんのコメント
>> 回答に載せている例の写真はa-kuma3さんが飼っているわんちゃんですか? トイ・プードルですよね? << ですです。「トイ」と言いながら、三歳三ヶ月で7kgくらいあります。体当たりされると、うげってなります。 この三連休に風呂に入れたので、もふもふしてます <tt>:-)</tt> はてなブログでのやり方は、ちょっと時間を下さい。 試してみます。

a-kuma3さんのコメント
はてなブログでやってみました。 回答に追記してあるので、見てみてください。

麻衣=リュウママさんのコメント
a-kuma3(id:a-kuma3)さん>>コメント&回答の追記有難うございます! 7kgくらいなんですね。 うちのリュウと比べると軽いですね!(リュウは10Kg前後なので) はてなブログでわざわざ試していただき有難うございます! 拝見させていただきます。

麻衣=リュウママさんのコメント
ベストアンサーにさせて戴きます!

2 ● xnissy

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

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

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

長辺「 」px

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

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


麻衣=リュウママさんのコメント
xnissy(id:xnissy)さん>> 回答有難うございます^^ 写真のサイズが選べれるんですね。 有難うございます^^
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ