JavaScriptのスライドショー[みやけ工房のホームページ]


掲載中のコンテンツの一例です。


アニメーション選択:

・ IMGスライドショー :  オープン版抜粋 | 無料版抜粋
他のページに貼り付けて使用するスライドショーで、画像専用型です。

・ BLOCKスライドショー :  オープン版抜粋 | 無料版抜粋
他のページに貼り付けるタイプのBLOCKコンテンツ (文章やリンクや写真などを入れた四角い領域) 専用のスライドショーで、BLOCKの内部をHTMLで自由にデザインできます。

・ ホームページテンプレート :  オープン版抜粋 | 無料版抜粋
上記「貼り付ける~スライドショー」を使用したスライドショー、ギャラリー、拡大ビューアがあるページのテンプレート集です。 ページ全体のテンプレートで、他のページに貼り付けるタイプではありません。

[PR]


・ ホームページ制作ツール

・ その他

・ みやけ工房INDEX

・ サンプルと著作権について
 当サイトは、スライドショーを中心にしたホームページ用のオリジナルJavaScriptプログラムを、種類別に分類して掲載しています。 全てのコンテンツの著作権は私が所有します。 なお、当サイトに掲載しているプログラムサンプルを使用するには、ホームページ制作の経験と、ある程度のHTMLやCSSの知識が必要になります。 また、プログラムサンプルを使用(または改良して使用)して発生した不具合には、一切責任を負いません。
 掲載しているプログラムサンプルは動作確認をしていますが、あくまでサンプルの状態での確認であり完璧ではありません。 最終的な動作確認は、制作したご自身のページでお願いします。
 サンプルには、オープン版無料版、の2種類があります。 オープン版は、プログラムの全てが解説ページに記載されています。 無料版は、プログラム本体とオリジナルライブラリが私のサイトにあり、それを外部ファイルとしてページに読み込んで使用する形式で作ってあります。 詳細は下記、 オープン版と無料版の違いについて をご覧ください。
 注)ライブラリとはJavaScriptの使用頻度の高いプログラム部品を一つにまとめたものです。 新しいプログラムを作る時に、共通部分はライブラリをページに読み込んで利用します。

・ オープン版と無料版の違いについて
 サンプル名に [オープン][オープンソース] があるオープン版サンプルは、個人・商用を問わず無料で自由に永久に使用できます。 手続きや連絡は不要です。 プログラムの全てが解説ページに記載されていて、ソースコードをコピーすれば使用できます。 jQueryなどの本体やプラグイン、JavaScripやcssの外部ファイル、などは一切不要です。 ただし、オープン版はWindowsのChromeでしか動作確認をしていませんので、ご自身で必要なOSとブラウザでの動作を確認し、必要ならばスタイルシートやスクリプトにベンダープレフィックスを加筆してください。
 サンプル名に [無料] がある無料版サンプルも、個人・商用を問わず無料で自由に使用できますが、プログラム本体が私のサイトにあるため、私のサイトの閉鎖などで公開を終了した場合は使用できなくなります。
 禁止事項
  1.  オープン版や無料版の一部に、「~版 (C) Miyake_kobo.」等の著作権表記がページの最下部かスライドショー内部に表示されるサンプルがあります。 著作権表記がある場合、これを削除したり非表示にする事を禁止します。
  2.  無料版のライブラリをサンプルの動作以外の目的で使用する事を禁止します。
  3.  オープン版・無料版の違いを問わず、非合法サイトや迷惑サイトでの使用は禁止します。


・ サンプル使用上の注意事項
 ホームページ(HTMLファイル)はテキストファイルですから、「メモ帳」(Windowsの場合)などのテキストエディターで編集し、htmlまたはhtmという拡張子を付けて「名前をつけて保存」して作ります。
参考:Windows11の新メモ帳が使いづらくて困っている方へ。
 新メモ帳を旧メモ帳に交換する方法は、単純にメモ帳をアンインストールすれば、自動的に旧メモ帳が復活します(元に戻すには、マイクロソフト・ストアからメモ帳をインストールしてください)。 新メモ帳をアンインストールすると、スタートやタクスバーのメモ帳のアイコンも消えてしまいますが、エクスプローラでパソコン内のテキストファイルをクリックすると旧メモ帳が開きます。 その状態ではタクスバーに旧メモ帳のアイコンが表示されているので、そのアイコンを右クリックして「タクスバーにピン留め」してください。 またエクスプローラで、PC>Windows(C:)>Windows>System32ホルダー内にnotepadまたはnotepad.exeがあるので(Windowsの検索でnotepad.exeを検索し「ファイルの場所を開く」でも可)、右クリックから「スタートにピン留め」する事もできます。
 当サイトのテンプレートタイプのサンプルを使用する場合も、「メモ帳」を開き、サンプルのソースコードを貼り付けて「名前をつけて保存」して作ります。 また、当サイトの貼り付けるタイプや部品タイプのサンプルを、既存のホームページに貼り付ける場合も、貼り付けるホームページファイルを「メモ帳」で開き、サンプルのソースコードを貼り付け、「名前をつけて保存」してください。
 その際、一つのHTMLファイル内に複数の文字コードが混在すると、「文字化け」や「誤動作」が発生する事があります。当サイトのサンプルは、文字コードを「 ANSI 」(Shift_JISと同じ)または「UTF-8」で書いています。別の文字コードのソースに貼り付ける場合や、複数の場所から複数のソースを貼り合わせてページを作る場合、ページ全体の文字コードを統一して「名前を付けて保存」し直してください。
 HTMLファイルの編集に、ホームページビルダーなどの編集ソフトを使用する場合や、ホームページ管理業者が提供する編集ページを使用する場合も、それぞれのヘルプ等を参照して「文字化け対策」を行ってください。 また、同じページ内に複数のJavaScriptプログラムがある場合、変数名や関数名などの重複により誤動作する事があります。重複した変数名や関数名などを変更してください。
 また、サンプルのHTML部分には説明がありデザインを改良し易く作ってありますが、JavaScript部分は圧縮タイプ(インデントと改行を削除など)で説明もありません。私は多くの解説ページをJavaScriptで自動製作しているため、サンプルのソースコード内に改行や空白があると作業が複雑なってしまいます。ご容赦ください。圧縮タイプを整形し直すには、Chromeのデベロッパーツールか、無料のWebサービスをご利用ください。
 ネットショップでサンプルを利用する場合、各ネットショップ運営業者の禁止事項等の規則のため、解説ページに記載した制作方法ではプログラムを使用できない事があります。 規則をよく調べ、JavaScriptプログラムの使用が可能ならば、各ネットショップの独自の制作方法でページを作り、動作を確認してください。

・ スライドショーとデータの記述方法
 当サイト内のスライドショーのロジックは大きく分けて3種類あります。何らかの操作をすると自動停止するタイプ(1)、操作をしても停止しないタイプ(2)、一時停止と完全停止を分けているタイプ(3)です。 (1)は「start」「stop」ボタン、(2)は「play」「pause」ボタン、(3)は「go」「stop」ボタンを使用して区別しています。 ただし、それぞれの中間タイプもありますので、解説をご参照ください。
 スライドショーデータの記述場所は、HTML部分やスタイルシート部分に書くタイプと、JavaScript部分に書くタイプとがあります。 各サンプルの解説ページにそのサンプルの記述方法が書いてあります。類似したスライドショーでも記述方法が異なる場合がありますのでご注意ください。
 写真ファイル名は、写真がスライドショーと同じホルダーにある場合は「~.jpg」などとファイル名だけを、別のホルダーにある場合は「../~.jpg」(一つ上のホルダー)「../../~.jpg」(二つ上のホルダー)などの相対表記で書いてください。また、一部のサンプルで使用している様に「http://~」で始まる絶対表記でもかまいません。 また、題名部分はHTMLで文字を修飾する事ができ、コメントを書く事もできます。
 ID名とクラス名で、ID名は固有の名前で、ページ内で唯一である必要があり、複数個存在すると誤動作します。クラス名は共通の性質を持つグループ名で、ページ内に複数個存在するものです。両者を混同しないように注意してください。また、サンプル内のID名やクラス名を変更すると動作しなくなる事があります。
 スライドショーの写真が表示されない方は、 パソコンが「拡張子を表示しない」設定になっていると、0.jpg と名前を付けたつもりでも、0.jpg.jpg と二重に拡張子が付いている可能性があります。写真ファイルを右クリックして「プロパティー」で確認してください。また、ファイル形式がJPG形式であること、拡張子が小文字であること、なども確認してください。

・ みやけ工房へのメール
 メールには、「~について」、「~の説明希望」などの明確なタイトルを付けて頂けると助かります。題名の無いメールや添付ファイルの付いたメールはご遠慮ください。返信は、このタイトルのRE.で送信します。 掲載しているサンプルに関する事以外のご質問にもお答えしますが、「Javascriptって何ですか?」などの基本的な漠然としたご質問はご容赦ください。また、私は専門分野以外の知識はほとんどありませんので、技術的なご質問は当サイトで扱っている範囲でお願いします。
 私からの返信メールが受け取れない方がおられます。お使いのメールシステムがYahoo!メールを受信可能である事、ご自身のメールアドレスが正しい事、を確認のうえ送信してください。 また、私からの返信が無い時は、携帯メールなど別のアドレスからの送信も試してください。
 メールソフトをお使いの方は下の「みやけ工房へのメール」をクリックしてください。 メールソフトを使わずにWebメールで送信する方は下のメールアドレスをコピーして使用してください。

みやけ工房へのメール

miyake_kobo@yahoo.co.jp




Copyright (C) 2002- Miyake_kobo. All Rights Reserved.