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

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



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

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


[PR]

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

 このスライドショーは、全てのアニメーションにCSS3を使用した簡易タイプです。動作は軽快ですが、CSS3に対応していないIE9以前では、アニメーションの無いタイプになります。


[PR]

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

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

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

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

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



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

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


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

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


Yahoo! 検索

Yahoo!検索

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

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


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

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

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



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

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


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

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