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

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



もっとも簡単な貼り付けるスライドショー

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

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



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

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

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


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



[PR] Amazon.co.jp(アマゾン)

Yahoo! 検索

Yahoo!検索

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

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

 バナー(写真をクリックすると設定したページが開く)をデータに使います。



[PR] 楽天買取


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

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



[PR] 資格取得ならゼミネット


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

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



[PR] お名前.com


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

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



[PR] Yahoo!ショッピング


題名の記号について

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


[PR] Yahoo!トラベル


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

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



最新更新情報



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