どっこい茶屋

どっこい茶屋

布プリ・革財布・アニメ・漫画・酒・カメラ・和装・着物

【はてなブロ】画像横並び初めて使ってみた【時代遅れマン】

f:id:docoisho4:20180615090001j:plain

あんこのお部屋公開★
映画村 小野田坂道の部屋
嘘です・坂道くんのお部屋です

開発ブログは読者登録必須

画像の横一列並びの新機能はスタッフブログにお知らせが2017年9月からあった。

全然気がつかなかった。

staff.hatenablog.com

時代遅れマン

 新機能なんてエディター見りゃ即気がつく!いちいちスタッフブログ見なくても、なんて脇が甘すぎる自分に反省。スタッフ開発ブログも読者登録しました。

いまさらですが、この画像横並べはスマホ閲覧も対応してとっても便利です、クリックで画像拡大機能もそのままあります。

画像べたべた気がついたら縦長ブロガーにはありがたいです

サイズ比とキャプション
f:id:docoisho4:20180426195218j:plain
f:id:docoisho4:20180326195507j:plain
f:id:docoisho4:20180326090410j:plain
f:id:docoisho4:20180514001346j:plain
鳴子/京都伏見サブレー/2号ライダー/武田信玄

サイズ比が極端に違う画像を並べました。真ん中そろいになります。縦横比率違いすぎると見た目ぶっさいくなので出来るだけ避けたほうがいいです。

キャプション=画像の説明・タイトルは一列一個とまるでグループ名のようです。すべての画像にタイトルをつけたいなら上記の画像のように無理やり合体させるしかないです。

出来ればlightboxみたいに拡大したとき画像ごとにタイトルが表示されるかもですが・・あればいいかなくらいの希望です。

画像にリンク

画像にリンクもキャプション同様一列1つだけ、これがとても惜しいです.。リンクは各画像に貼りたいです。なぜならちっこい横並びのバナーに使えて便利だからです

代替テキスト(alt)

f:id:docoisho4:20180615101507j:plain

これは各画像に設定可能です。

画像の代替テキスト(altといいます)は各画像に付加可能です。

代替テキストとは通常画面上には出てこない画像説明文です。なんか不具合で画像が出ないとき画面にあわられて代わりに表示されます。

読み上げソフトなどで読まれるテキストでもありあますので書いたほうが親切

鏑木メソッド 3%理論で走りを変える!

鏑木メソッド 3%理論で走りを変える!