md_smp192
※ md_smp192の概要   ・ md_smp192 は写真をクリックすると順に表示するシンプルなアルバムです。
  ・ スマホで見る場合も操作しやすく配慮しています。

★ md_smp192 のファイル構成
[1] 写真表示 HTMLファイル 1: sample01.htm
2: sample05.htm
3: sample09.htm
4: sample80.htm
5: sample7t.htm
6: sample8t.htm
7: sample9t.htm
・標準サンプル1 green
・標準サンプル2 gray
・標準サンプル3 brown
・大判写真のサンプル 
・サムネイル付き表示
・大小サムネイル付き表示
・サムネイル3列表示 (参考)
[2] 配色指定CSSファイル 1: green.css
2: blue.css
3: red.css
4: silver.css
5: cyan.css
6: black.css
7: brown.css
・配色は、このファイルを[1]のファイル中で指定する。
・このファイルの修正は自由です。

・カラーサンプル
[ green ]  [ blue ]  [ red ]  [ silver ]
[ cyan ]  [ black ]  [ brown ] 
[3] JSファイル md_smp193.js
・画面 表示プログラム 改訂 2019.3.21
※[2]〜[3]は srcフォルダ内のファイル   ※[2]〜[3]のファイルは srcフォルダも含めてアップロードする。
[6] サンプル写真ファイル
・photo フォルダにに写真ファイルを入れる。
・推奨写真サイズ 750×500 程度
※ 最新版ファイル 圧縮一式 smp19321.zip ※ photoフォルダー内の写真は、ご自分の写真と入れ替えてください。
★ ダウンロードした zip ファイルは注意事項を参考にしセキュリティを解除する。
※ 各ファイルを直接ダウンロードして良いですが、srcなどフォルダ構成も合わせて下さい。

更新記録     
2019.3.21 md_smp193.js を改良し サンプル3 のように最初に表示する写真をリンク元で指定できる様にしました。
2019.3.16 写真表示を改良しました。  md_smp193.js の入れ替えだけで良いです。
2019.3.06 サムネイル付き表示など追加し改訂版を公開しました。 
JSファイルが新規です。 cssファイルは一部を修正してます。