md_slide510ss22015.2.18 md_slide510ns2のスライドショー対応
 ★ md_slide510ss2 のファイル構成
[1] メインファイル(標準)
10.md_main_b90ss.htm 小サムネイル表示
11.md_main_b91ss.htm 大小サムネイル表示
12.md_main_b94ss.htm 操作説明などは上のタイトル部に表示
[2] サブファイル(共通) 21.md_sub_bs5ss.htm
・[2]〜[4]は src フォルダ内のファイル
・ この全ファイルをフォルダごとアップロードする。
・ どれも修正や編集など不要 (修正可)

サブファイルをソースのコメントを参考に修正すると
サブ画面の表示を変更できる。
[3] jsファイル(プログラム) 31.md_main5ss.js
32.md_slide5ss.js
jsファイル(配色指定) 33.main_colors.js
34.sub_colors.js
[4] 背景画像ファイル サブ画面用
(srcフォルダ)
      bg1_green.jpg  bg2_blue.jpg
      bg3_red.jpg    bg4_yellow.jpg
      bg5_silver.jpg bg6_cyan.jpg
      bg7_black.jpg  bg8_pink.jpg
      bg9_brown.jpg
      
[5] 写真ファイル
サムネイルファイル
・写真ファイルと写真を縮小したサムネイルは photo フォルダに入れる。
・photo フォルダが無い場合はphoto フォルダを作って入れる。
※ ダウンロード  更新 2015.2.18 md_slide510ss2.zip 以上の[1]〜[4]を一括圧縮したファイル
  photoフォルダー内の写真は、ご自分の写真と入れ替えてください。
★ ダウンロードした zip ファイルは注意事項を参考にしセキュリティを解除する。
※ md_slide510ss2の概要
  ・ md_slide510ss2 は md_slide510ns2 にスライドショーの機能を追加したもので、使い方は md_slide510ns2 と同じです。
  ・ メインファイルはソース中の「 ● スライドショー用 」とある部分だけが md_slide510ns2 との違いです。
  ・ md_slide510ns2 のメインファイルは、その部分を md_slide510ss2 と合わせるだけで、この md_slide510ss2 で使えます。
★ md_slide510ss2 の使い方
 1.パソコンに作成するページ専用のフォルダを作り、そこに md_slide510ss2.zip をダウンロードする。
 2.そのzipファイルのプロパティを確認し『セキュリティ設定を解除』してから解凍する。
 3.解凍して出来たメインファイルをクリックして写真が表示されることを確認する。
 4.photo フォルダの中のサンプル画像を削除し、そのフォルダに自分の写真とサムネイルのファイルを入れる。
 5.写真に合わせてメインファイル中の写真データを修正する。 修正個所は ◆ === 写真データ=== ◆ の部分
 6. この時点でメインファイルのサムネイルをクリックし正常に表示されることを確認する。
   ・サムネイルが表示されない場合はデータの区切りの ” や , を誤って消してないか確認する。
 7.写真やページのテーマに合わせてメインファイル中の<title>や操作説明文などを修正する。
   ※ メインファイルのソース中の各行の // の右は説明文で動作に無関係です。
 8.必要があれば配色指定など、いろいろな設定を変更する。
 9.srcフォルダを含めたファイル一式をアップロードする。使わなかったメインファイルは削除しても良い。
※ 写真ファイル ・写真を表示するサイズに縮小した写真ファイルを用意する
・ 写真とサムネイルのファイル名の拡張子は小文字 jpg に統一する
・ 写真サイズは、縦768 のモニターでもコメント表示が隠れないよう、縦 570px 未満を推奨
・ 更に大きい写真を表示する場合はメインファイルの「サブ画面の写真枠サイズ」を変更する
※ サムネイルファイル ・ 写真をサムネイルのサイズに縮小した画像を用意する
・ サムネイルの作成はフリーソフト「縮小専用」「リサイズ超簡単!Pro」などを使うと簡単
・ サンプルでは小サムネイルのサイズを 160x106 としているが任意
・ サンプルと違うサイズを使う場合はメインファイルのサムネイルサイズ指定を合わせる
   〔例〕 tm_width = 160  tm_height = 120
・ サムネイルのファイル名は写真ファイル ****.jpg に対して小文字の s を追加して ****s.jpg とする
・ サムネイルの作成は「縮小専用」などソフトを使うと縮小や s の追加などを簡単にできる
・ 大サムネイルは作らないで元の写真ファイルを指定することもできる
※ 更新記録    改訂は md_main5ss.js と md_slide5ss.js をペアで行ってます。 個々にダウンロードした場合は一緒に上書きして下さい。
2015.02.18
2015.02.13
2015.02.12




HTMLファイルのミス修正
js ファイルの一部を修正
試作バージョンを公開