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