(画像専用)画像のスライドショーシステムです。スライドショー2にある汎用のマルチスライドショーよりも画像用に特化した物です。特化部分はスライドの待ち時間に次の画像を読み込んでしまうと言うやり方です。一度読み込んだ画像は保持されるので何度も同じ画像を読み込みません。説明はサンプルの下の後に。・写真をクリックするとスライドショーが開きます。・文字などのアンカーから呼び出すこともできます。・ページに埋め込みも可能です。・始める位置を指定できるので単なる実寸画像ビュアーとしても使えます。・ボタン類は非表示にする事が可能です。・手動・自動の切替が可能です。・進行方向(カウントアップ・ダウン)の切替が可能です。・スライドショーの秒数を1〜99秒まで設定可能です。・全スライドを無限ループさせる事が可能です。キーボードによる操作が可能です。・自動スライド中はインターバル中に次の画像が読み込まれます。・画像のサイズに合わせて自分でサイズ調整も可能。・簡単なテーブル構造なのでスライドショー画面の変更も自由に。・画像の数は自由です。・古いブラウザ用の簡易スライドも用意してあります。・手動で登録書込みするのが面倒ですが、ローカルでも使えます。・2秒以上の自動スライドではトランジション(フェードアウト等)を付けられます・25種類の効果から選べます。PhotoSlider.zip使用方法1.ZIPファイルをダウンロードして解凍してください。slideshow.htmを普通にアンカーで呼び出して使ってください。自分のページに埋め込みたい場合も、このslideshow.htmを利用してページを作ってください。基本的に表示用、操作ボタン用のテーブルだけがBODY内にありますので、自分なりに配置を工夫するなどして改変してください。ポップアップウィンドウで呼び出す場合この場合はポップアップウィンドウをどう呼び出すか?で使い方が別れます。いう呼び出しページのサンプルをZIPにいれてありますので参考にしてください。単純にスライドショーを呼び出すだけなら用意してあるJavaScriptによるポップアップで呼び出してください。それぞれの呼び出し元に対応させてスライドショーの表示も対応させられます。サムネイルで呼び出す場合は、slideshow.htmに登録する画像リストの番号に対応させてください。ポップアップウィンドウのサイズも必要に応じて自分で変更してください。これもbase.htmのソースの中にやり方が書いてありますので参考にしてください。用意してあるブラウザ判定呼び出しJavaScriptを利用する場合は、slideshow.htmとoldshow.htm両方設定。METAタグの文字コードセットを行ってください。配布品はWindowsで作成したShift_JISになっています。・この様に同じ書き方の法則で1から順に画像ファイルの数だけ、このリストを書いてください。番号を途中飛ばす事はしないでください。httpからのURLも使えます。古いブラウザ用のoldshow.htmにはありません。ついて設定できる項目があります。初期値を自動にするなど、必要であれば自分の用途に合わせて変更してください。自分で確認できない方は使わない方が良いです。0-24の番号で指定します。24;トランスフィルターとは画像が入れ替わる時に良く使われるフェードイン・アウトなどの特殊な効果です。IEの初期DHTML用の方式ですのでIE4以上に対応しています。その代わりIE5.5以以降に追加されたフィルター効果は選択できません。2秒以上の間隔の自動スライドショーの時だけ付くようになっています。コレで標準設定は終わりです。4.注意事項などJavaScriptについてセキュリティ面などからJavaScirptをブロックしてる人も増えています。このスライドショーはJavaScriptですから無効になっていれば動作しません。いったアナウンスを掲載するページに載せてください。ビジターが自分の意思で起動できるようにするべきです。画像についてhttpから始まるファイルの指定ができますから、自分のサイト以外の画像も読み込めます。他人の画像を自分のサイト内で利用するのはマナーや著作権違反になりますので注意してください。読込ができるまで100ほど試行して無理ならスライドショーは止まります。改造アドバイススクリプト(slideshow.htm)について少し解説しておきます。非表示にしてしまってください。操作ボタンテーブルを削除する事はやめてください。KeyCheck;と言う1行があります。コレをコメントアウト、または削除する事でキーボードからの操作を受け付けなくなります。コレを行った場合は操作ボタンテーブル内のmouseoverで関数に渡す引数で対応キーの操作説明があります。これを削除するか内容を変えてください。呼び出しでポップアップウィンドウのサイズを変更した場合に、ウィンドウ内のテーブルレイアウトを変えた方が見栄えがよくなる場合もあります。いう場合は先ほどの操作ボタンの外側を囲んでるテーブルの幅や高さ設定をして目的のレイアウトにあわせてください。ID変更等はしないように。HTMLファイル内のCSS記述部分を変更してください。false'を付ければ禁止できあます。ファイルの場所はすぐわかるので、ソースや画像の場所を知られたくない場合にもあまり有効ではないです。}この1行を書き加えてください。これで、ファイルが仮画像オブジェクトのSRCとして読み込まれます。}と変更してください。}ボタン類を画像に変更これは対応させていません。・・・';と言う部分があります。この右項目の文字がそれにあたります。この部分は変更して構いません。スライドショーを綺麗に見せる為には、表示する画像のサイズ(幅・高)を揃える方が良いです。横型と縦型があるのは仕方ないとしても、その2種類の画像サイズで統一します。数字;を自分(設置者)の好みのものに変更してください。=0-23はrevealTran、24はblendTrans23は0-22のパターンからランダム仕様。]Operaに対応させました。FireFoxでスルーされる障害のないエラーも修正。]修正中のミスで起動しなくなってしまったのを修正。)無駄な高額ドメイン管理料金払ってませんか?バリュードメインムームードメイン2010年で第二世代携帯がサービス終了。配布素材以外のコンテンツの無断使用・転載を禁じます。