コピーするだけでページにIMGスライドショーを貼り付ける All Rights Reserved. Copyright (C) 2002- Miyake_kobo.
みやけ工房INDEX
 ★ サンプルと著作権について
 ★ 体験版と無料版と有料版
 ★ サンプル使用上の注意事項
 ★ スライドショーとデータの記述方法
 ★ メール ( miyake_kobo@yahoo.co.jp )
貼付るMULTIスライドショー 貼付るIMGスライドショー 貼付るBLOCKスライドショー スライドショー専用ページ ホームページテンプレート
☆ 他のページ ( HTML5推奨 ) に貼り付けて使用する画像専用型スライドショーです。
☆ 特に記述がない限りShift-JISで書いてあります。別の文字コードのページに貼り付ける時は、何れかに統一してください。
☆ ショッピングサイトなどで、HEAD部分の改良に制限がある場合は、HEAD用のソースもBODY部分 ( 例えば<body>の下など ) にコピーしてください。
もっとも簡単な貼り付けるスライドショー

 解説に従って写真を用意し、ホームページのソースに簡単なスクリプトを貼り付け、設定を書き換えるだけでスライドショーが設置されます。 jQueryなどのライブラリやプラグインのダウンロードは不要です。

1.jpgからの連番の写真を使用する定型タイプ : イメージ一覧




みやけ工房のスライドショーをIFRAMEで流用する

 みやけ工房サイトにあるスライドショーであなたの写真を表示し、IFRAMEであなたのページに貼り付けるタイプです。 jQueryなどのライブラリやプラグインのダウンロードは不要です。 ただし、このタイプは有料版を作る事ができません。 詳細は、 こちら をご覧ください。

1.jpgからの連番の写真を使用するIFRAMEタイプ : イメージ一覧


使用する写真名に制限がないIFRAMEタイプ : イメージ一覧




一般的な写真のスライドショー : イメージ一覧

 jQueryなどの既存のライブラリを使用しない、一般的な写真のスライドショーです。




一般的な写真のスライドショー(jQueryを使用) : イメージ一覧

 jQueryを使用する一般的な写真のスライドショーです。








単体のスライドショーとして使う時は

 下記にサンプルソースを書き換えたものを貼り付けて保存すれば、単体のスライドショーになります。 文字コード「Shift_JIS」の場合です。他のコードを使う時は変更してください。






パソコンとスマホで使う写真を換えるタイプ : イメージ一覧

 モバイルフレンドリーなページ作りのため、パソコンでは大きい写真、スマホでは小さい写真、に自動的に交換するスライドショーです。 jQueryなどのライブラリやプラグインのダウンロードは不要です。





バナー兼用タイプ : イメージ一覧

 jQueryなどの既存のライブラリを使用しないスライドショーです。 バナー(写真をクリックすると設定したページが開く)をデータに使う事もできます。



Yahoo! 検索

Yahoo!検索

  • ウェブ全体を検索
  • みやけ工房サイト内を検索


バナー兼用タイプ(jQueryを使用) : イメージ一覧

 バナーデータを使えるスライドショーで、jQueryを使用するタイプです。 既にjQueryを使っているページに貼り付ける場合は、jQueryの読み込みは不要です。(各々解説参照)




特殊なエフェクトタイプ : イメージ一覧

タイル型の縦横どちらかの枚数を1に設定するとスリット型になります。



特殊なエフェクトタイプ(jQueryを使用) : イメージ一覧

タイル型の縦横どちらかの枚数を1に設定するとスリット型になります。



複数のアルバムを切り替えるタイプ : イメージ一覧

 jQueryなどの既存のライブラリを使用しないスライドショー。
 一つのスライドショーで複数のアルバムを切り替えて表示できる。



題名の記号について

[無料]無料で使用できます。
[体験]有料ですが体験版があります。
[有]有料版のみで、体験版はありません。
[F]写真のサイズに制限なし。
[S]同じサイズの写真を使う。
[常]スライドショーが常に動いているタイプ。
[MW]マウスホイール操作可能タイプ。
[大小]大小2枚ずつの写真を使う。
[大]大写真のみ使用。小写真は自動縮小表示。
[0〜]0.jpgからの連番写真を使用。
[選択][大]か[大小]を選択できる。
[A]写真データをHTMLのAタグで記述。
[IMG]写真データをHTMLのIMGタグで記述。
[DIV]データをDIVタグで記述するタイプ。
[BLOCK]データをBLOCK要素で記述するタイプ。
[マルチ]データを複数のHTMLタグで記述可能。
[複]スライドショーを複数配置できる。
[バナー]大写真のクリックで指定ページが開く。
[jQuery]JavascriptライブラリーjQueryを使用。



HOMEサンプルと著作権体験版と有料版サンプル使用上の注意事項スライドショーとデータの記述方法│ | メール