コピーするだけでページにIMGスライドショーを貼り付ける All Rights Reserved. Copyright (C) 2002- Miyake_kobo.
貼付るMULTIスライドショー 貼付るIMGスライドショー 貼付るBLOCKスライドショー スライドショー専用ページ ホームページテンプレート
☆ 他のページ ( HTML5推奨 ) に貼り付けて使用する画像やバナーのスライドショーです。
☆ 特に記述がない限りShift-JISで書いてあります。別の文字コードのページに貼り付ける時は、何れかに統一してください。
☆ jQueryなどの既存のライブラリを使用しないため、ライブラリやプラグインをダウンロードする必要はありません。
☆ ショッピングサイトなどで、HEAD部分の改良に制限がある場合は、HEAD用のソースもBODY部分 ( 例えば<body>の下など ) にコピーしてください。


定形型スライドショー

 1.jpgからの連番のファイル名の写真を用意し、簡単なソースコードを貼り付け、設定を書き換えるだけで、基本的なデザインのスライドショーが設置されます。

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



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

 一般的な写真のスライドショーです。



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

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

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


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



写真とバナーの兼用タイプ : イメージ一覧

 写真のスライドショーとしても、バナー(写真をクリックすると設定したページが開く)のスライドショーとしても使えます。



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

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



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

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



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

 一つのスライドショーで複数のアルバムを切り替えて表示できます。



題名の記号について

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


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

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



Yahoo! 検索

Yahoo!検索

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

最新更新情報



HOMEサンプルと著作権体験版と無料版と有料版サンプル使用上の注意事項メール