Flash（フラッシュ）のインターフェイス素材1（open・close）
Flash（フラッシュ） インターフェイス素材1（open・close）です。
タブをクリックすると、それぞれ対応するイメージ画像がスライドしながらオープンします。イメージ画像部分には、外部テキストファイルによってリンク先を指定可能。タグ部分の画像とイメージ部分の画像を入れ替えるだけで、サイトのデザインにあったオリジナルなFlashインターフェイスになります。また、フォトアルバムとしても使えます。
なお、検索ロボットはFlashの中のリンクを辿ることができないため、サイトマップ等を利用してSEO対策してください。
リンクウェアのため、Flash素材を利用するには当サイトへのテキストリンクが必要です。
利用規約をお読みになってからご利用ください。
Flash素材情報
【サイズ】 横500px〜700px X 縦200px（3.16KB〜3.26KB） 4〜5ボタン
【サイズ変更】 不可
【バージョン】 Flash Player8
【ファイル】 interface1.swf、imgフォルダ、load.txt、tag.txt、sample.html、AC_RunActiveContent.js
【特徴】 画像とリンク先・リンクターゲット・スライドスピードを外部テキストファイルで変更できます
必要な画像及びサイズ
【タグ部分】 全サイズ共通 横30px X 縦200pxを必要な数だけ
【イメージ部分】
500px X 200px（4ボタン） − 380px X 200pxの画像を4つ
500px X 200px（5ボタン） − 350px X 200pxの画像を5つ
600px X 200px（4ボタン） − 480px X 200pxの画像を4つ
600px X 200px（5ボタン） − 450px X 200pxの画像を5つ
700px X 200px（4ボタン） − 580px X 200pxの画像を4つ
700px X 200px（5ボタン） − 550px X 200pxの画像を5つ
Flash素材の設置方法
tag.txtファイルを開き、中のタグをFlash素材を埋め込みたい位置にコピー&ペーストします。swfファイルを違うフォルダに置きたい時は、Flash素材の設置方法ページを参考にしてください。なお、swfファイルを違うフォルダに置く場合でも、load.txtはFlash素材を埋め込むhtmlファイルと同じフォルダに置く必要があります。
load.txtファイルをテキストエディタで開くと、
&speed=2&
&tag1=img/tag_1.jpg&
&img1=img/img_1.jpg&
&linkurl1=http://www.google.co.jp/&
&target1=_self&
となっています。
最初のspeed部分でスライド速度を指定します。数字が大きくなるほどスピードが遅くなり、小数点（例えば2.5）の数字も使用できます。お好みの速さに調節してください。
2行目のtag1=img/tag_1.jpgは、タグ部分の画像までのパスを入力します。フォルダ名や画像名を変更したとき、または、画像フォルダを違った階層に置く場合はパスを調節してください。画像を変更するときは、同じ名前で画像を上書きする方が簡単です。jpg画像・gif画像・png画像・swfファイルを読み込めます。
3行目のimg1=img/img_1.jpgは、イメージ部分の画像までのパスを入力します。カスタマイズ方法はタグ画像と同じです。
4行目のlinkurl1=http://www.google.co.jp/は、イメージ画像部分のリンク先URLです。相対パスを利用するときは、Flash素材を埋め込むhtmlファイルからのパスをご利用ください。フォトアルバムとしてお使いになりたいときは、linkurl1=に続くURLを削除すことによって、リンクを貼らないようにできます。
5行目のtarget1=_selfは、ウィンドウの開き方を指定します。_self、_blank等で指定してください。
以降、2部分、3部分、4部分と上記の繰り返しです。（speedは最初のみ）
最後に表示動作確認・リンクチェックが正しければ成功です。必要なファイルをアップし、もう一度、動作確認等してください。
なお、上記で説明している行番号は、このページで説明しているload.txtの行番号です。実際には、コメントを入れてありますので、ここでの行番号と異なります。当サイトと照らし合わせてカスタマイズしてください。コメントは削除してもかまいません。
画像作成に便利な無料ソフト
『インターフェイス素材を利用したいけど画像編集ソフトを持っていないから使えない』という方は、以下の無料ソフトをご利用ください。
GIMP-無料（フリー）の画像編集ソフト ― （写真画像の編集・ボタン素材作成）
Inkscape-無料（フリー）のドローソフト ― （イラスト・地図・ボタン素材作成）
無料のFlash（フラッシュ）作成ソフト ― （Flashと同じ動的ファイルswfの作成）