md_slide510jq2 2017.8.14  サンプル16.追加
 md_slide510jq2 のファイル構成 ★ md_slide_j2 の使い方    ★ 各種サンプル    ★ 配色サンプル
[1] メイン・ファイル 11.md_main_j281.htm
12.md_main_j282.htm
13.md_main_j283.htm
14.md_main_j284.htm
15.md_main_j285.htm
16.md_main_j286.htm
・サンプル1 全て小サムネイル
・サンプル2 大サムネイル 2×2
・サンプル3 大サムネイル 3×3
・サンプル4 特殊な設定例
・サンプル5 HOME ボタンを上に配置
・サンプル6 全て中サムネイル
[2] サブ・ファイル 21.md_sub_j26.htm ・サブ画面 HTML
[3] プログラム・ファイル 31. md_main_j26.js
32. md_sub_j26.js
・メイン画面
・サブ画面
[4] 配色指定・ファイル 41. main_color_j26.js
42.sub_color_j26.js
・メイン画面 修正可
・サブ画面  修正可
[5] CSS・ファイル 51. main_style_j317.css ・メイン画面のスタイル 修正可
[6] jsライブラリ 51. jquery-1.4.1.min.js
52. Groject.ImageSwitch.yui.js
・オープンソース
[2]〜[6]は srcs フォルダ内のファイル ・この全ファイルをフォルダごとアップロードする。
[7] 写真ファイル
サムネイルファイル
・写真ファイルと写真を縮小したサムネイルは photo フォルダに入れる。
・photo フォルダが無い場合はphoto フォルダを作って入れる。
※ 最新版ファイル一式 jqs_422.zip ※ photoフォルダー内の写真は、ご自分の写真と入れ替えてください。
★ ダウンロードした zip ファイルは注意事項を参考にしセキュリティを解除する。

※ md_slide_j2の概要
  ・ md_slide510jq2 は md_slide510ns2 を HTML5 CSS3 jQuery に部分対応したものです。
  ・使い方は md_slide510ns2と、ほとんど同じで、サブ画面の写真表示の効果の種類が増えました。
  ・新項目の写真サイズの指定はサブ画面の写真表示のセンタリングの為で写真の表示サイズとは無関係です。
  ・使用例 夜明けの雪景色

更新記録     
2017.8.14 サンプル追加 ・中サイズサムネイルのサンプル md_main_j286.htm の追加です。
2017.4.21 細部の修正 ・通常は、ほとんど問題にならない不具合の修正です。
・各種サンプルファイルの追加 ・旧サンプルは、そのまま使える筈です。
2017.3.28 メインファイル ・「Home」ボタンのスタイル変更  メインファイル 11〜14 の置き換えです。
2017.3.20 メインファイル ・サブ画面 表示効果の時間を指定できる様にする。
2017.3.18 main_style_j317.css
・メイン画面 CSS ファイルを入れ替え
・メイン画面 サンプルファイルを入れ替え
2017.3.3 md_sub_j2.htm
md_sub_j2.js
・サブ画面 表示の安定化  操作ボタンを変更  キー操作を削除
2017.2.26 md_main_j2.htm
md_sub_j2.js
・ 写真のサイズ[横,縦]photo_width_height = [0,0] と簡略指定を追加
・サブ画面 カーソル変更 ・fadeOutIn 効果を追加