写真・画像拡大表示「LIGHTBOX」の使い方 

地震対策・地盤の液状化--京都府でエコ地盤改良の瀬戸内建設工業株式会社の画像で説明)

写真拡大表示「LIGHTBOX」の使い方

image LIGHT BOX

 写真の拡大表示に使っている「LightBox」の使い方を説明いたします 
 操作はとても簡単ですので下記の図を参照してください
もう少し詳しい説明は こちらのページをご利用ください 
ブラウザー(Browser)での違い、注意「SAFARI」  
 このページを閉じます クリックしてください 


   
 
 選択 Choice

任意の写真・画像を
選んでクリックをします
image Light Box1
   
   
クリックした写真・画像が拡大されて表示されます  
 例 ここでは
3枚目をクリックしたので3枚目を表示した状態
image LightBox 2
   
   
 Title

表示中の
写真・画像のタイトル
image Light Box 3
   
   
 Count

(例)
現在表示は15枚中の3枚目

表示するのは「グループ」でくくられている写真や画像の枚数です
image LightBox 4
   
   
  進む Next

写真の右半分(約60%)エリアにマウスを運ぶと右の方に「>」が表示されます
 「次」に行くマークになります
右側エリア又は「>」をクリックすると次の写真・画像が表示されます

表示されるものは
「グループ」でくくられている画像・写真となります

最後の写真・画像表示時にはこのマークは表示しません
image LightBox 5 Next
   
   
 戻る Back

表示している写真・画像よりも一つ前のものを表示します

画面の左半分(40%)のエリアにマウスを運ぶと 「前」を表示させる「<」が表示されます

左側エリア又は「<」クリックで一つ前の写真・画像を表示いたします

一枚目時には表示しません
 image LightBox 6 Back
   
 閉じる Close

LightBoxを閉じるには
 右下に表示されているマーク
「X」をクリックします
image LightBox 7 Close
 Close - LightBox
   
   
Browser  
   
 M.S  Internet Explorer  11  動作正常です
   
 Google Chrome  
Ver :63.0.3239.132
 動作正常です
   
 Mozilla FireFox Quantum
 57.0.3
 動作正常です
   
 Apple Safari  5.17  
   LIGHT BOX が働かず 新しいページを開いて一枚ずつの拡大写真となります
   恐れ入りますが、ページバックで対応してください
 
 
   
新しいページで表示しています 閉じるにはクリックしてください
 Page Close     


Copyright(C) 2011Setouchi &amp; Astec All Rights Reserved.