JavaScriptスライドショーサンプル集(汎用スライドショー) Copyright (C) 2002- Miyake_kobo. All Rights Reserved.
みやけ工房INDEX
 ★ 利用条件と著作権について
 ★ ライブラリと有料版
 ★ サンプル使用上の注意事項
 ★ スライドショーとデータの記述方法
 ★ メール ( miyake_kobo@yahoo.co.jp )
汎用スライドショー スライドショーのテンプレート 貼付るMULTIスライドショー 貼付るIMGスライドショー 貼付るBLOCKスライドショー 部品とスライドショー
☆ スライドショーやギャラリーだけのシンプルなページ用プログラムです。他のページに貼り付けるタイプではありません。
☆ jQueryなど外部ライブラリの使用を禁止されているサイトでは、タイトルに[jQuery]の記述がないサンプルの有料版をお使いください。
画面いっぱいに表示するスライドショーとギャラリー : イメージ一覧

[PR]

CSS3のTransitionを使用する汎用スライドショーとギャラリー : イメージ一覧

[PR]

CSS3のAnimationを使用するカスタムスライドショーとギャラリー : イメージ一覧

 カスタムスライドショーは、Animationの動きをHEAD内のスタイルシートで設定するため、使用しているプログラムは、それぞれの基準サンプルと同じにもかかわらず、Javascriptを改良せずに、全く別のスライドショーを作る事ができます。(それぞれの[カスタマイズ参考ページ]参照。)

3Dカスタムスライドショーとギャラリー(BODY内にデータを書く)


3Dカスタムスライドショーとギャラリー(0.jpgからの連番の写真を使う)


3Dカスタムスライドショーとギャラリー(スクリプト内にデータを書く)


3D-BLOCKカスタムスライドショーとギャラリー(BODY内にデータを書く)


2Dカスタムスライドショーとギャラリー(BODY内にデータを書く)
[PR]

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

[PR]

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

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

[PR]

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

[PR]

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

[PR]

BLOCK要素をデータに使用する汎用スライドショーとギャラリーページ : イメージ一覧

[PR]

Yahoo! 検索

Yahoo!検索

  • ウェブ全体を検索
  • みやけ工房サイト内を検索
多機能型のスライドショーとギャラリー : イメージ一覧

多機能型選択可能タイプ(スクリプト内にデータを書く)

多機能型選択可能タイプ(BODY内にデータを書く)
[PR]

各種スライドショーとギャラリー : イメージ一覧

【ガイド操作タイプ】


【マウスホイール操作タイプ】


【自動スタート選択タイプ】

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

[PR]

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

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



  • ホームページの制作代行(有料)

     当サイトに掲載されているJavascriptサンプルの改良・修正を代行します。 ビジネスとしてホームページを制作されている方や、趣味のホームページを制作している方で、スライドショーなどの特殊ページの制作に時間を掛けずにメインページ制作に没頭したい方、新たなプログラムを開発している時間のない方は御利用ください。


    オリジナルjQueryスライドショーギャラリー集 オリジナルJavaScriptスライドショーギャラリー集 オリジナルCSSスライドショーギャラリー集

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