Flash（フラッシュ）のインターフェイス素材16（タイムチェンジ横）
Flash（フラッシュ） インターフェイス素材16（タイムチェンジ横）です。
Flashインターフェイス素材8と12を組み合わせたフラッシュ素材です。ボタンにマウスカーソルを重ねると対応する画像まで横スライドします。また、時間の経過とともに、自然に次の画像へとスライドします。
画像は3〜5枚必要で、それぞれの画像にリンクを貼ることも可能です。このFlash素材はインターフェイスとして制作したものですが、フォトアルバムとしても利用できるように多数のサイズをご用意いたしました。お気に入りのサイズをご利用ください。
なお、検索ロボットはFlashの中のリンクを辿ることができないため、サイトマップ等を利用してSEO対策してください。
リンクウェアのため、Flash素材を利用するには当サイトへのテキストリンクが必要です。
利用規約をお読みになってからご利用ください。
Flash素材情報
【サイズ】 横350px〜750px X 縦230px（3.12KB〜3.27KB） 3〜5ボタン
【サイズ変更】 不可
【バージョン】 Flash Player8
【ファイル】 interface16.swf、imgフォルダ、load.txt、tag.txt、sample.html、AC_RunActiveContent.js
【特徴】 画像とボタンカラー・リンク先・リンクターゲット・時間等を外部テキストファイルで変更できます
必要な画像及びサイズ
【イメージ部分】
350px X 230px（3〜5ボタン） − 350px X 230pxの画像をそれぞれ3〜5つ
450px X 230px（3〜5ボタン） − 450px X 230pxの画像をそれぞれ3〜5つ
550px X 230px（3〜5ボタン） − 550px X 230pxの画像をそれぞれ3〜5つ
650px X 230px（3〜5ボタン） − 650px X 230pxの画像をそれぞれ3〜5つ
750px X 230px（3〜5ボタン） − 750px X 230pxの画像をそれぞれ3〜5つ
Flash素材の設置方法
tag.txtファイルを開き、中のタグをFlash素材を埋め込みたい位置にコピー&ペーストします。swfファイルを違うフォルダに置きたい時は、Flash素材の設置方法ページを参考にしてください。なお、swfファイルを違うフォルダに置く場合でも、load.txtはFlash素材を埋め込むhtmlファイルと同じフォルダに置く必要があります。
load.txtファイルをテキストエディタで開くと、
&ctime=3000&
&speed=3&
&framecolor=0xcccccc&
&img1=img/img_1.gif&
&linkurl1=http://www.google.co.jp/&
&target1=_self&
画像・ボタンの数に合わせて2〜5行目を繰り返し
&bt1bcolor=0xffffff&
&bt1fcolor=0x666666&
&bt2bcolor=0xff6600&
&bt2fcolor=0x666666&
となっています。
1行目のctime=3000は、一つの画像を表示させておく時間を設定します。1秒＝1000で、load.txtの初期値は3000なので、3秒経つと次の画像にスライドします。あまり短い時間を設定すると、2行目のスライドスピードとの関係で表示がおかしくなりますので、お互いの数値を調節してください。
2行目のspeed=3は、スライドスピードの調節です。数値を小さくするほどスライドスピードが速くなり、3.5など小数点以下の数字も使用可能です。なお、この数字を1にした場合、Flashインターフェイス素材11のようにスライドなしで直接画像を変更できます。スライド機能が必要ない方にお勧めの設定方法です。
3行目のframecolor=0xccccccは、フレームの色の設定です。フレームがいらないという方は、HTMLファイルの背景色と同色を指定してください。色の指定は、0xに続けて16進数のカラーコードを入力します。
白（ffffff）、黒（000000）、赤（ff0000）、青（0000ff）、黄（ffff00）、オレンジ（ff6600）、緑（009900）など
4行目のimg1=img/img_1.gifは、イメージ1の画像までのパスを入力します。フォルダ名や画像名を変更したとき、または、画像フォルダを違った階層に置く場合はパスを調節してください。画像を変更するときは、同じ名前で画像を上書きする方が簡単です。Flash Player8で書き出しているので、gif画像・jpg画像・swfファイルを読み込めます。
5行目のlinkurl1=http://www.google.co.jp/は、イメージ1の画像部分のリンク先URLです。相対パスを利用するときは、Flash素材を埋め込むhtmlファイルからのパスをご利用ください。フォトアルバムとしてお使いになりたいときは、linkurl1=に続くURLを削除すことによって、リンクを貼らないようにできます。
6行目のtarget1=_selfは、ウィンドウの開き方を指定します。_self、_blank等で指定してください。
以降、画像・ボタンの数に合わせて、それぞれ上記の繰り返しが続きます。
8行目のbt1bcolor=0xffffffは、通常時のボタンのベースカラーです。
9行目のbt1fcolor=0x666666は、通常時のボタンのフレームカラーです。
10行目のbt2bcolor=0xff6600は、点灯時のボタンのベースカラーです。
11行目のbt2fcolor=0x666666は、点灯時のボタンのフレームカラーです。
最後に表示動作確認・リンクチェックが正しければ成功です。必要なファイルをアップし、もう一度、動作確認等してください。
なお、上記で説明している行番号は、このページで説明しているload.txtの行番号です。実際には、コメントを入れてありますので、ここでの行番号と異なります。当サイトと照らし合わせてカスタマイズしてください。コメントは削除してもかまいません。
画像作成に便利な無料ソフト
『インターフェイス素材を利用したいけど画像編集ソフトを持っていないから使えない』という方は、以下の無料ソフトをご利用ください。
GIMP-無料（フリー）の画像編集ソフト ― （写真画像の編集・ボタン素材作成）
Inkscape-無料（フリー）のドローソフト ― （イラスト・地図・ボタン素材作成）
無料のFlash（フラッシュ）作成ソフト ― （Flashと同じ動的ファイルswfの作成）