ご利用案内

画面の流れ

  • 下図で左上の(1)トップページには、(この「ご利用案内」ページを含む)一般向けと、小・中学生、学習向けの2種類の入口があります。以下では一般向けについてご案内します。
  • (2)一覧は3種類あります。最初は、資料の小さな画像(サムネイル画像)が横5列に配置された画像一覧ページに移動します。このページは資料名のあ・か・さ・た・な順のページに分かれています。資料名が無い場合は表示がありません。
  • 一覧ページでご覧になりたい資料をマウスクリックしてください。(3)資料解説へ移動します。
  • 資料解説では、各資料の説明と、更に詳細に資料をご覧いただくためのリンクがあります。資料単位で前・後に移動することができます。
  • 資料が冊子やまとまりのある資料の場合には、(4)(資料内)一覧があります。
  • これらのリンクから(5)画像表示に移動できます。比較的小さなJPEG画像の表示ページと、いろいろな機能がある画像ビューアの2種類をお選びいただけます。
  • 画像表示からは、資料解説や一覧に戻れます。
画面の流れ説明図

(画像をクリックで別画面に拡大表示)

移動メニュー

  • 一覧以降のページでは画面の上部が下図のような構成になっています。(図は画像表示の場合です。)
  • ご覧のページに合せて表示が行われますので、ページの移動にご利用ください。
  • トップページ一覧に移動する場合には、左上の階層付きリンク(パンくずリスト)をご利用ください。
  • また、画像表示以外のページでは、左側のサイド・メニューをご利用ください。
メニューの説明図

(画像をクリックで別画面に拡大表示)

画像ビューアについて

  • 下図は大きな画像を自由に見るための画像ビューアです。 全ての画像はこの画像ビューアで詳細にご覧いただけます。
  • (a)主画面ダブルクリックすると、その場所を中心に表示します。マウスドラッグ操作(ボタンを押したままマウスを移動)でも画面が移動できます。(学習向けと操作が異なりますので、ご注意ください。)
  • 左右に(b)コントローラ(操作ボタン)が並んでいます。左右はほぼ同じですが、最上部とズームスライダー箇所が違います。コントローラはブラウザの大きさによって優先度が低いボタンは表示されないようにしています。
  • 主要な操作ボタンです。 +(拡大)ボタンは表示を倍に大きく、 -(縮小)ボタンは表示を半分に小さくします。 画像の持っている大きさの1.5倍まで大きくできます。(最大にした際は、画像をソフトで伸ばしていますので、若干の荒れがあります。)ズームスライダーやWindowsの場合にはマウスホイール操作で拡大・縮小できますが、きれいに表示する場合は、拡大/縮小ボタンをご利用ください。また、一番下のボタンは元の表示に戻すボタンです。
  • (c)全体表示画面が右上に表示しています。拡大した場合にどこを見ているかわかります。また、この小さな画面をクリックすると、その場所を現在の拡大率で表示します。表示の切り替えボタンは右側コントローラの最上部にあります。
  • 冊子や写真集など複数の画像がある場合は、左側に(d)一覧が表示されます。小さな画像をクリックすると、その画像に切り替わります。一覧のリストを移動するには、左側のスライドバーもしくは一覧の下側にある(e)前後移動ボタンをご利用ください。(他にも、画像の無い箇所のダブルクリックやマウスドラッグ、もしくは一覧の中をクリックしてからキーボードのPageUp/PageDownなどが利用できます。)
  • このビューアは印刷には対応していません。予めご了承ください。
画像ビューアの説明図

(画像をクリックで別画面に拡大表示)

翻字透過表示

  • 足利尊氏兵庫合戦海瀕舟行図(上)摂津名所地図の3点の画像には、 資料中の文字を現代のかなと共に表示する翻字(ほんじ)透過表示を設けています。海瀕舟行図は右上箇所のみ。
  • 資料解説から専用リンクを選択すると、この機能を持つ画像ビューアを表示します。
  • 初期状態で、中央に薄黒い帯があり、その箇所が翻字(現在のかなへの訳)箇所になっています。 閲覧の操作は通常の画像ビューアと同様です。
  • 画面左サイド上のすかしボタン(初期状態でオン)をクリックすると、通常表示に切替えることができます。
  • また、スペースキーを押すと、20%ずつ透過部分の濃さを調整できます。
  • 閲覧中、透過箇所に薄くラインが入ることがあります。 気になる場合は、+(拡大)-(縮小)ボタンをクリックして拡大率を調整してください。
  • なお、文字を多少でも見やすくするため、最大の拡大率が通常より若干大きくなっています。 また、このとき、背景画像の乱れは拡大のためです。予めご了承ください。
  • タッチデバイスでは透過率は固定です。
翻字透過表示の説明図

(画像をクリックで別画面に拡大表示)

付箋(ふせん)付き表示

  • 神戸市大水害絵巻物では、 地名や大水害関連資料を結び付けた付箋(ふせん)付き表示を行っています。
  • 資料解説から専用リンクを選択すると、この機能を持つ画像ビューアを表示します。
  • 表示拡大率に応じて、付箋が段階的に表示されます。
  • 写真とスケッチの場合には、付箋をクリックすると、画面上に別の画像ビューアが開き、詳しく閲覧できます。 この小ビューアを閉じるには、右上のクローズボタンをクリックするか、スペースキーを押してしてください。
付箋付き表示の説明図

(画像をクリックで別画面に拡大表示)

ご利用上の注意点

  • このサイトのページはPCとタブレット(iPad等)での閲覧用に製作しています。 スマートフォンなどの携帯端末や一部の情報機器では正しくご覧になれません。 予めご了承ください。
  • 正確な表示にはスタイルシートJavaScriptが有効であることが必要です。ブラウザの設定を変更されている場合はご注意ください。
  • Windows Vista で Internet Explorer 9 以下をご利用の場合、Windows 7 でInternet Explorer 10 以下をご利用の場合には Flash Player が必要です。
  • 大きな画像を表示しますので、通信速度が遅い場合には適切に表示されない場合があります。