【ブログ裏技】読者に親切な画像拡大スクリプト|Luminous(ルミナス)を取り入れてみた

2021年09月09日
カメラ・写真

自身のブログを読み返していて気付いたのですが、いささか読者に配慮のないことをしているなと感じました。それは、画像の拡大についてです。

画像の拡大方法

配慮がないと感じたのは、2021/8/23投稿「ソニー製コンパクトカメラ「RX100M6」を2年使ってきた感想。これはコンデジ界のモンスター。」の中の下線の部分です。

ここで作例を一枚。

terebitouhiru

マウスカーソルを画像の上で右クリック→「新しいタブで画像を開く」をクリックして、大きな画面で確認してみてください。

画像を拡大して見て欲しかったための記述ですが、こんな面倒くさいことをわざわざしてくれるでしょうか?

これでは読者に親切ではありません。ただでさえ訪問者数の少ないこのブログは、ますます読まれなくなっていくでしょう。

そこで早速、手間のかからない画像を拡大する良い方法がないかググってみることに。まずは、Akiraさんのブログに当たってみます

このブログのテンプレートは、作者のAkiraさんからお借りしているものです。FC2ブログをやっている方はご存じの、スゴイ御方(おそらくプロのWEBデザイナー)ですよね。Akiraさんのブログ記事を検索すると、関連する記事が出てきました。Luminous(ルミナス) というものを導入すると自分のしたいことが可能になるようです。

問題の解決方法

下にリンクを貼っておきます。JS(じゃばすくりぷと)という難しいコードが出てきてビビりますが、とにかく記事のとおりに設定を行いました。

超軽量画像拡大スクリプトLuminousをFC2で使う方法

画像拡大スクリプト と言えば Lightbox(ライトボックス) や Colorbox(カラーボックス) などが有名どころですが、今回おすすめするのは Luminous(ルミナス) です。...

Luminousを取り入れた結果

下の画像がLuminousを取り入れたものになります。画像の上にカーソルを持っていくと、ズームアイコンに変わり拡大可能であることが読者に伝わります。(Akiraさんの記事にある「オーバーレイ」は使用せず、ズームアイコンのCSSを書き加えました。)そしてクリックすると、タブ移動せずに、記事上で拡大表示が可能になりました。

terebitouhiru

これなら、読者のみなさんもストレスを感じることなく、気軽に拡大して見ていただけるのではないでしょうか?

関連記事
あおなみ
Author: あおなみ
【IN MY STUDIO】このブログは私の実験場です。投資をやったり、写真を撮ったり、ガジェットを試したり。基本的に自分が気に入ったモノ・コトを記事にしています。実験の結果を楽しんでいただけたら幸いです。