2016/03/30

モブログ再設定

Eternal Loveさんの記事でモブログで
サムネイル表示できることを知りました。
ケータイの撮影サイズを120*160にしていた時は
10月28日の記事の通りでよかったのですが、
画質の関係で240*320で撮ることにしました(参考:12月1日の記事)。
ただ、240*320サイズの画像がブログにアップされると
大きすぎるので、サムネイル表示させる方法に変更しました。
具体的な方法は、
「Sweet osmanthusさんのmoblogで写真のサムネイル表示」や
「Ussy’s Roomさんのmoblogで写真のサムネイル表示」を
参考にさせていただきました。

▼template
%(imagecontent)s\n%(caption)s\n<div class=\"clearing\"> </div>
▼image template
<a href=\"%(imageurl)s\" onclick=\"window.open(‘%(imageurl)s’,
‘popup’,’width=640,height=480,scrollbars=no,
resizable=no,toolbar=no,directories=no,
location=no,menubar=no,status=no,left=100,
top=100′);return false\">
<img src=\"%(imageurl)s\" class=\"photo\" height=\"120\" width=\"160\" align=\"top\" border=\"1\"alt=\"blog-photo\" /></a>

上記のようになっていたのを私は下記のようにしました。
テンプレートは一緒で画像用テンプレートを変えました。
元画像のサイズが640*480ではなく240*320なので。太字が相違部分。

▼template
%(imagecontent)s\n%(caption)s\n<div class=\"clearing\"> </div>
▼image template
<a href=\"%(imageurl)s\" onclick=\"window.open(‘%(imageurl)s’,
‘popup’,’width=240,height=320,
scrollbars=no,resizable=no,toolbar=no,
directories=no,location=no,menubar=no,
status=no,left=100,top=100′);return false\">
<img src=\"%(imageurl)s\" class=
\"pict_mb\" width=\"120\" height=\"160\" align=\"top\" alt=\"mobile photo\" />

しかし、この指定だと縦位置のみの画像になるのがネック。
(たまに横位置も撮りたい)

ヒトミ

著者:ヒトミ

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

Twitterフォロー