azuminolike

専用・索引ページの設置

ドロップダウン・メニューの回避対策


 「ドロップダウン・メニューの設置顛末」の最後で触れましたが、About や Gallery コーナーなどはドロップダウンさせずに専用の索引ページを作って、そちらにリンクさせるようにしました。その背景は、

    ① ドロップダウンは制作者側では作りやすく変更メンテも容易ですが、味気ない
    ② 階層下したドロップダウンは時としてドラグミスで消えてしまったりもする
    ③ そもそも、顛末直後の状態ではトップページ以外ではWindows IEでドロップダウンしない

 その対策に右図に示すような専用・索引ページを設置しました。こちらの方が各テーマへのリンクに解説もできてより分かり易いものになると思った次第です。今後はテーマの追加に合わせてこの索引ページをメンテしていきたいと思っています。

ナビ・スライダーの設置

 上述の如く About コーナーの対策を済ませたのですが、問題は Gallery コーナーです。上記の様式で整理もできますが、写真集のいろいろな分類と各テーマに対応して表示し、かつメンテしていくのは無理がありそうです。そこで、ナビゲーションできる紙芝居的なツールがないかネット検索しました。イメージは写真を横スライドして、お目当てのものがあればクリックしてリンク先に画面が飛ぶようにすることです。そうして出来上がったのが、右のナビ・スライダーと称するものです。クリックして各テーマをナビして写真や解説を見て選択し対象のアルバムを呼び出すものです。右の例は春夏秋冬の4テーマを示したものですが、ツール仕様ではテーマ数の制限はなく下のミニ写真の数が4つを超えると左右方向にスライド(4つ毎のブロックで)コントロールするアイコンが追加されて自由に増やすことができます。あとは地域分類に合わせてこのナビ・スライダーページを3つ(安曇野、北アルプス、その他)用意しました。

このナビ・スライダーのツールにご興味ある方は、提供サイトのリンク先をご覧ください。リンク先の demonstration → photos-galleries が私の選んだフリーツールです。設置にあたって、表示画面の大きさを自分なりにカスタマイズしました。