しらぎくモバイルシステムが画像以外に取扱えるメディア。

<object>要素を用いた記述(推奨)。

記述が複雑になりますが、<object>要素を用いた記述を推奨します。

具体的には、<object>要素でインタラクティヴ表示させたいフラッシュを設定し、<a>要素の特別な属性で当該フラッシュを表示させるアンカーを生成します。

このためには、以下のように記述して下さい。

<object>要素

<object>要素には必ず以下の属性を附記して下さい。

type="application/x-shockwave-flash"属性

記述が無い場合は<object>要素を無効とします。

declare属性

属性値のみの記述で有効です。

この属性の記述が無い場合は、自動的にインライン表示と認識します。

id属性

記述が無い場合は、インタラクティヴ表示をさせる事が出来ません。

また、<object>要素内には、フラッシュが使えない端末向けのコンテンツを記述する事が出来ます。

この記述は、フラッシュ対応端末では出力されません。

<a>要素

インタラクティヴ表示が指定されている(すなわちdeclare属性がついている<object>要素で指定されたフラッシュ)フラッシュは<a>要素によるリンクによって開かれます。

フラッシュを開くための<a>要素は以下の属性を用います。

iswf属性

属性値としては、「#」に続けて表示させたいフラッシュを指定した<object>要素内のid属性値です。

この属性が無い場合、普通の<a>要素リンクと見なされます。

href属性

この属性で、フラッシュに対応していない端末での代替ページを指定します。

必須ではありませんが、この属性が無い場合、フラッシュ非対応端末では当該<a>要素の内容とも削除されます(すなわち、href属性が無い場合、フラッシュ対応環境でしか表示されなくなります)。

• この方法でフラッシュをリンクした場合、当該<object>要素内の<param>要素で表示に関するパラメータを指定する事が可能になります。
• また、フラッシュ非対応環境への配慮が容易になります。

直接フラッシュへリンクする。

<a>要素のhref属性で直接フラッシュを参照する事で、インタラクティヴに表示させる事も可能です。

但しその場合、フラッシュに対応していない環境でもアンカーとしては有効になってしまいます。

このため、しらぎくモバイルシステムでは標準準拠の判別属性をサポートしております。

具体的には、フラッシュへリンクする<a>要素に対して、以下のように「type="application/x-shockwave-flash"」属性を附与する事で、フラッシュに対応していない環境では当該要素を非表示にします。

• 読み飛ばす

<a type="application/x-shockwave-flash" href="Sample.swf">アンカー文字列</a>

逆に、フラッシュに対応していない環境でのみ表示させるには、「type="application/x-shockwave-flash"」属性をもち、且つdata属性の無い<object>要素内に記述する事で実現します。

1. しらぎくモバイルシステムでは、「type="application/x-shockwave-flash"」属性でフラッシュ関連の要素と判断し、非対応環境では要素の内容が有効であるものとします。
2. 更に当該<object>要素にdata属性が無い場合はフラッシュ対応環境には無効とします。

具体的には、以下のように記述します。

• 読み飛ばす

<object type="application/x-shockwave-flash"> (フラッシュ非対応環境でのみ有効なコンテンツ) </object>

• 直接フラッシュにリンクした場合、フラッシュのパラメータの設定が出来なくなります。このため、余り推奨出来るものではありません。

注意事項。

インタラクティヴ表示のフラッシュを利用する場合、以下の点にご留意下さい。

インタラクティヴ表示のフラッシュは<embed>要素では記述出来ません。

必ず<object>要素で記述して下さい。

PCに対しても、インタラクティヴ表示のフラッシュはリンクで実現します。

このため、PCでは画面一杯にフラッシュが描かれるため、携帯端末では適切に表示されているように見えても拡大されて見映えが良くない場合がございます。

インライン表示を実現するための記述例。

• 読み飛ばす

フラッシュに対応している環境ではフラッシュ「Example.swf」を、非対応環境にはページ内にGIF画像「Example.GIF」を端末に合わせて表示させる場合。

<div>
				    <object type="application/x-shockwave-flash" data="Example.swf">
				        <img alt="" src="Example.GIF">
				        </object>
				    </div>

インタラクティヴ表示を実現するための記述例。

インタラクティヴ表示を実現する場合には、自動振分を可能にした代替HTMLコンテンツを用意してそれにリンクするのが最も簡単な方法ですが、以下のようにする事も出来ます。

• 読み飛ばす

フラッシュに対応している環境ではインタラクティヴフラッシュ「Example.swf」を、非対応環境にはページ内にGIF画像「Example.GIF」を端末に合わせて表示させる場合。

<div>
				    <object declare id="Flash1" type="application/x-shockwave-flash" data="Example.swf">
				        <img alt="" src="Example.GIF">
				        </object>
				    <a iswf="#Flash1">サンプル</a>
				    </div>

<div>
				    <a type="application/x-shockwave-flash" href="Sample.swf">サンプル</a>
				    <noembed>
				        <img alt="" src="Example.GIF">
				        </noembed>
				    </div>

この場合、フラッシュ非対応環境では「サンプル」と言うアンカーは表示さえされません。

フラッシュに対応している環境ではインタラクティヴフラッシュ「Example.swf」を、非対応環境にはGIF画像「Example.GIF」を同じアンカーで表示させる場合。

<div>
				    <object declare id="Flash1" type="application/x-shockwave-flash" data="Example.swf">
				        </object>
				    <a iswf="#Flash1" href="Example.GIF">サンプル</a>
				    </div>

<div>
				    <a type="application/x-shockwave-flash" href="Example.swf">サンプル</a>
				    <noembed>
				        <a href="Example.GIF">サンプル</a>
				        </noembed>
				    </div>

この場合、フラッシュの対応に拘らず「サンプル」と言うアンカーが表示されますが、

• フラッシュ対応環境では「Example.swf」がインタラクティヴ表示され
• フラッシュ非対応環境では「Example.GIF」が表示される

アンカーとなります。

フラッシュに対応している環境ではインタラクティヴフラッシュ「Example.swf」を、非対応環境にはGIF画像「Example.GIF」を異なるアンカーで表示させる場合。

<div>
				    <object declare id="Flash1" type="application/x-shockwave-flash" data="Example.swf">
				        <a href="Example.GIF">サンプル(静止画像)</a>
				        </object>
				    <a iswf="#Flash1">サンプル(フラッシュ)</a>
				    </div>

<div>
				    <a type="application/x-shockwave-flash" href="Example.swf">サンプル(フラッシュ)</a>
				    <noembed>
				        <a href="Example.GIF">サンプル(静止画像)</a>
				        </noembed>
				    </div>

この場合、

• フラッシュ対応環境では「サンプル(フラッシュ)」と言うアンカーが
• フラッシュ非対応環境では「サンプル(静止画像)」と言うアンカーが

それぞれ表示されます。