表示例
機能
Flashを用いたアナログ時計です。一度ページを読み込んでしまえば、後はサーバーにアクセスせずに動き続けます。
システム日付の時刻が表示されます。
設置の仕方 – JavaScriptを使用して表示させる場合
以下の各ファイル
analogclock.swf アナログ時計Flash版本体
analogclock_flash.js アナログ時計Flash版表示用JavaScriptファイル
をアナログ時計を表示させたいHTMLファイルと同じ場所に配置します。
アナログ時計を表示させたい箇所に
<script language="JavaScript" src="analogclock_flash.js"></script>
<script language="JavaScript">putAnalogClock([ピクセル数]);</script>
と記述します。設計上の基準ピクセル数は320です。
HTMLファイルとswfファイルとjsファイルが同一ディレクトリに配置されている必要があります。(jsファイルをカスタマイズしない場合)
設置の仕方 – JavaScriptを使用せずに表示させる場合
以下のファイル
analogclock.swf アナログ時計Flash版本体
をアナログ時計を表示させたいHTMLファイルと同じ場所に配置します。
アナログ時計を表示させたい箇所に
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="[ピクセル数]" height="[ピクセル数]" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="analogclock.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="analogclock.swf" quality="high" width="[ピクセル数]" height="[ピクセル数]" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
</object>
と記述します。設計上の基準ピクセル数は320です。
ブラウザによっては「このコントロールをアクティブ化して使用するにはクリックしてください。」などと表示されて、クリックするまで動作が始まらない場合があります。