サムネイル画像の拡大について
(Lightboxの使い方)-- 一部変更あり(2022年12月)



ページ中にはたくさんのサムネイル画像がありますが、それを拡大して表示する機能について説明します。
Lightbox2を一部導入しておりますので、操作が若干異なります。

基本操作-1

 ページ中のサムネイル画像をクリックしますと、ページ上に上乗せされた拡大写真が画面中央に表示されます。
 
(この時点でページの背景は薄暗くなり、写真が引き立つように見やすくなります)

基本操作-2

 拡大写真を消すときは、写真のどこでも良いのでクリック(タップ)すると写真は消え、元のページに戻ります。 Lightbox2の場合は、写真の枠外でクリックしてください。
 
 (拡大写真の右上角にある でも同様に消えます。Lightbox2の場合は、写真右下に×があります。)


プラスアルファの機能 → Lightbox2を一部導入しており、その場合は以下の機能は働きませんので、あしからず。

1.ページ中のサムネイル画像をクリックしますと、ページ上に上乗せされた拡大写真が表示されます。

(この時点でページの背景は薄暗くなり、写真が浮き出て見やすくなります)

2.拡大写真の左上にある、 をクリックします。(さらなる拡大・縮小モードになります)

このとき、左上の矢印は、内向きに変わっています。クリックするたびに矢印の向きが変わります。

※スマートフォンは機種により動作不安定で、アイコンが表示されないことがあります。


3.マウスのホイールを回転すると、拡大・縮小ができます。(スマホではピンチイン・アウト)

※写真は900px~1500px相当の画像ですので、極端に拡大すると画像が粗っぽくなります。

4. 写真を消すには、矢印が であることを確認しアイコンをクリックしますと、1の状態 に戻りますので、写真のいずれかの部分をクリックすると閉じます。

「LightBox」はLokesh Dhakar氏が製作したものです。