JavaScriptスライドショーサンプル集(汎用スライドショー) Copyright (C) 2002- Miyake_kobo. All Rights Reserved.
みやけ工房INDEX
 ★ 利用条件と著作権について
 ★ ライブラリと有料版
 ★ サンプル使用上の注意事項
 ★ スライドショーとデータの記述方法
 ★ メール ( miyake_kobo@yahoo.co.jp )
貼付るMULTIスライドショー 貼付るIMGスライドショー 貼付るBLOCKスライドショー 汎用スライドショー スライドショーのテンプレート
☆ スライドショーやギャラリーだけのシンプルなページ見本です。 ホームページやブログにリンクを貼って利用してください。
☆ 一つのページに複数のスライドショーが必要な時は、このページのサンプルで複数個のスライドショーだけのページを作り、IFRAMEタグで目的のページに表示する事もできます。


画面いっぱいに表示するスライドショーとギャラリー : イメージ一覧

 画面いっぱいに表示するタイプ、レスポンシブタイプ、フリックやドラッグで操作するタイプ、などのスマホやタブレット用のページにも使えるスライドショー。



写真データをSCRIPT内に書く汎用スライドショーとギャラリー : イメージ一覧

 写真のデータをスクリプト内に記述するスライドショーです。


写真データをBODY内に書く汎用スライドショーとギャラリーページ : イメージ一覧

 写真データをHTML部分のIMGタグ、DIVタグ、Aタグ、などで作るスライドショーです。


多機能型のスライドショーとギャラリー : イメージ一覧

マウスホイール操作可能タイプ(スクリプト内にデータを書く)

マウスホイール操作可能タイプ(BODY内にデータを書く)

みやけ工房のスライドショーを直接使う

 みやけ工房サイトにあるスライドショーであなたのサイトにある写真を表示し、あなたのホームページやブログにリンクを貼って使用します。 このタイプの体験版は、複雑なソースのコピーやダウンロードは必要ありません。

写真やページの名前制限がなくデータファイルを作るタイプ : イメージ一覧

 あなたの写真やクリックで開くページのデータを書いたファイルを作り、みやけ工房サイトにある外部DataFile型スライドショーに引数で渡して表示ます。写真やページの名前に制限はありません。


連番の写真とページを使用し自動的に調査するタイプ : イメージ一覧

 あなたのサイトにある1.jpgからの連番の写真と1.htmlからの連番のページを使うためデータファイルは不要です。 プログラムが自動的に数を調査するため、写真を増減しても設定変更の必要がありませんが、起動までに時間が掛かります。 連番以外の名前のページを使う時は、連番のページからmetaタグを使って自動ジャンプ設定をしてください。



書き換え不要のスライドショーとギャラリーページ : イメージ一覧

 1.jpgからの連番のファイル名の写真を使用する事で、プログラムが写真の枚数を自動的に数えるスライドショーです。



0.jpgからの連番の写真を使うスライドショーとギャラリー : イメージ一覧

 0.jpgからの連番のファイル名の写真を使用するスライドショーです。


Yahoo! 検索

Yahoo!検索

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

写真データをスクリプト内に書くギャラリー : イメージ一覧


ホームページ制作補助ページ

  • ドラッグ&ドロップでスライドショーデータを自動作成
  • ホームページの制作方法とアップロード
  • 自分の写真でスライドショーを試す
  • HTMLタグ簡易リファレンス
  • ホームページの背景色見本帳
  • ホームページの色を作る
  • スタイルシートで背景を作る
  • スタイルシートで装飾する

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

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