QHM テストサイト

Flash設置のページ

ホームページ上にFlashを表示させる

Flashを表示させるには、QHMのFlash表示機能を使う方法と、HTMLソースでそのまま表示する方法の2つがあります。

ホームページ上にFlashを表示させる

QHMFlash設置プラグインを使う

FTPソフトを使ってサーバー側にフォルダを作りflashと名前を付け、そこにswfファイルとhtmlファイルの２つのファイルをアップロードする。（htmlファイルをアップロードしなくて良い場合もある）

Flashは、利用するFlashの仕様によって、アップロード（設置）する場所やファイル、制限などが異なります。サーバーへの詳しい設置方法は、Flashを作成したソフトやホームページの情報を参考にすること。

基本的な書き方

#flash(Flashのファイル名,横x高さ)

（例） flash フォルダ内に、welcome.swf を設置した場合
```
#flash(flash/welcome.swf,100x300)
（※ xは、半角英字のエックスです）
```
※「Flashのファイル名」には、ファイル名だけでなく、設置したフォルダ名なども含めて書くこと。
Sampleはこちらです

HTML貼り付け機能を使う

自作した「flash」フォルダに設置しても表示されず、必ずQHMを設置した時と同じフォルダ内に設置しなければいけない場合があります。こちらのサイトにあるソースをHTML貼り付け機能で貼り付けた場合がそうでした…何も表示されなくて真っ白でした（＾＾；
それで、サーバー側のQHMを設置した時と同じ階層にフォルダを作らず、 swfファイルだけをアップロードしたら表示されました。
（※QHMを設置した時と同じ階層とは、attach、backup、cache・・などのフォルダがある所です）
フラッシュを作成すると、貼り付け用のHTMLタグも同時に生成されます。そちらのHTMLタグを使っての記述です。

#html{{
ここにFlash表示用のHTMLタグ
}}

サンプルはこちらです。

txt形式のファイルを使用したFlashが表示されない場合（くすだま）

QHMでは、特定のページのみ閲覧許可・制限を行なう為の「ユーザー認証機能」がありますが、この情報はテキストファイル（txtファイル）でサーバー上に情報を保持しています。QHMでは、上記のファイルのように、第三者に見られては困るファイルを閲覧不可にする為に、.htaccessという特殊なファイルを利用して「txt形式」のファイルを閲覧できないように制限しています。この.htaccessの設定を行っている事が原因で、Flashファイルで使用したいtxt形式のファイルが読み込めず、文字が表示できない状態になります。
従って、Flashで使用するtxtファイルを表示する為には、.htaccess ファイルの内容を変更する必要があります。（QHMマニュアルより）

対処法について

Flashファイルを設置する為の「flash」フォルダなどをサーバー上に自作し、そのフォルダ内に別途「txt形式のファイルを表示する為の.htaccess」を設置する。
設置する.htaccessはQHM会員サポートページからダウンロードできます。

設置方法

htaccess.txt というファイルが .htaccess.txt ダウンロードされますので、FTPソフトを使用して、「flash」フォルダ内にアップロードします。
アップロード後に、FTPソフトの画面上から、.htaccess に名前を変更すれば完了です。
（※上記の「flash」フォルダの名前は適宜、自分の作成したフォルダ名に置き換えてください）

【注意】QHMを設置した時と同じフォルダには、上記.htaccessは設置しないでください。（※QHMを設置した時と同じフォルダとは、attach、backup、cache・・などのフォルダがある階層です）

サンプルはこちらです

お花の時計の設置

拡張子swfの付いたファイルをFTPソフトを使ってサーバーにアップする。
アップする場所は「attach・backup・cache・counter・diff」など、これらのフォルダ、ファイルと同じ場所ににアップする。

次に表示したい場所に次のように書く

#html{{
<EMBED src="サイトのURL/サーバーにアップしたswfの付いたファイルの名前" width="150" height="150"wmode="transparent">
}}

このサイトに設置するのでURL【blog.yunahana.com】とサーバーにアップしたswfのファイル名を書き込む。

#html{{
<EMBED src="http://blog.yunahana.com/☆☆☆.swf" width="150" height="150"wmode="transparent">
}}

このような&ref2(): File not found: "swfu/d/auto_MXXjpt.gif";;時計が表示される。時々現れるちょうちょが可愛いい！

メニューに設置したいのでサイズを150→120に変更して、中央に寄せるおまじないを書く。

#html{{
<div align="center">
<EMBED src="http://blog.yunahana.com/☆☆☆.swf" width="120" height="120"wmode="transparent">
</div>
}}

小さくなって、中央に寄りました。

Merry Christmas

フラッシュ画像をはりつけるタグ

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="***" height="***">
<param name="movie" value="--1--.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#FFFFFF">
<embed src="--1--.swf" width="***" height="***" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#FFFFFF"></embed></object>

　<object> ～</object>までをコピー＆ペーストし、必要部分を変更する。

変更箇所

--1--　の部分：　ファイル名を指定します
width="***" height="***"　の部分：　画像の横・縦の大きさを指定します

それぞれ２か所ずつあるので、２か所とも書きかえること。

素材のページには、画像の下にファイル名と大きさが書いてあるので参考にする。（ファイル名や大きさは、ご自分で変更することもできる）

ムービーの背景色

tagu1

タグ中のオレンジ線の部分、#FFFFFFを任意の色に指定することで、ムービーの背景色を変更できます

また、次のタグを入れると背景を透過できます
　<param name=wmode value=transparent>
　<embed src="---.swf" wmode=transparent width="--

注．画像の中であらかじめ背景色をきめてあるものは、上のタグで変更できません

ムービーのくり返し再生・１回再生

ムービーを１回だけ再生して止めたいときは下の図のようにタグをいれます。（緑線の部分）
１の部分　<param name="LOOP" value="false">
２の部分　 loop="false"

※素材の中で１回再生になっているものは、タグをはりつける際、緑線部分のタグを消すか、
"false"を"true"に書きかえると、くり返し再生されます。

変更後のタグ完成（ファイル名・サイズ・背景透過・１回再生）

#html{{
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">
<param name="movie" value="フォルダ名/○○○○.swf">
<param name="quality" value="high"><param name="LOOP" value="false"><param name="BGCOLOR" value="#FFFFFF">
<param name=wmode value=transparent>
<embed src="フォルダ名/○○○○.swf"wmode=transparent width="460" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"loop="false" bgcolor="#FFFFFF"></embed></object>
</div>
}}

サンプルはこちらへ

マウスを追いかける白い猫

設置方法

こちらのサイトからダウンロードした画像を解凍し、名前を変えずにフォルダごとFTPソフトでQHMを設置した時と階層にアップロードする。
（※QHMを設置した時と同じフォルダとは、attach、backup、cache・・などのフォルダがある階層です）
次のソースを【<HEAD>と</HEAD>タグの間に入れて下さい】と書かれていたので編集画面の設定のその他のタグにコピペしました。

<SCRIPT language="JavaScript1.2">
<!--
//****以下の著作権コメントは消さないで下さい********
c1='　　　　カーソル追いかけニャンコ';
c2='           **(NEKO_WHITE)**';
c3='   remade by neon (2000 (c) Nobuo Ishizu)';
c4='        http://www6.big.or.jp/~neon/';
c5='Original:soft(M.Koba) http://koba.jp/';
c6='Original:Illust(j.Gotoh) http://www.win.ne.jp/~juan/';
//****初期設定*******************************************************
nkspd = 250;      //ねこの速さ：小さいほど速いが、５０以上が望ましい。
//*******************************************************************
fld=c2.indexOf("NEKO");
// ブラウザの判別
var IE4 = 0,NN4 = 0,NN6 = 0;
if (document.all) {
	IE4 = true;
} else if (document.layers) {
	NN4 = true;
} else if (document.getElementById) {
    NN6 = true;
}
fld2=c2.substring(fld,fld+10)+"/";
//Internet Explorer 4.0以上、Netscape6.0以上のとき
if (IE4 || NN6) {
	document.write('<DIV ID="jsneko" STYLE="position:absolute\;width:32\;height:32\;z-index:7\;left:0\;top:0">');
	document.write('<img src='+fld2+'mati2.gif width=32 height=32 name="nyan"></DIV>');
}
//Netscape Navigator 4.0以上のとき
if (NN4) {
	document.write('<layer name="jsneko" top=0 left=0 z-index=7>');
	document.write("<img src="+fld2+"mati2.gif width=32 height=32></layer>");
}
//画像の読み込み
//たくさんある
nekoG = new Array();
for (i=0; i<=38; i++) {
	nekoG[i] = new Image();
}
nekoG[0].src = fld2+"mati2.gif";
nekoG[1].src = fld2+"mati2.gif";
nekoG[4].src = fld2+"up1.gif";
nekoG[5].src = fld2+"up2.gif";
nekoG[6].src = fld2+"down1.gif";
nekoG[7].src = fld2+"down2.gif";
nekoG[16].src = fld2+"left1.gif";
nekoG[17].src = fld2+"left2.gif";
nekoG[20].src = fld2+"upleft1.gif";
nekoG[21].src = fld2+"upleft2.gif";
nekoG[22].src = fld2+"dwleft1.gif";
nekoG[23].src = fld2+"dwleft2.gif";
nekoG[24].src = fld2+"right1.gif";
nekoG[25].src = fld2+"right2.gif";
nekoG[28].src = fld2+"upright1.gif";
nekoG[29].src = fld2+"upright2.gif";
nekoG[30].src = fld2+"dwright1.gif";
nekoG[31].src = fld2+"dwright2.gif";
nekoG[32].src = fld2+"awake.gif";
nekoG[33].src = fld2+"jare2.gif";
nekoG[34].src = fld2+"kaki1.gif";
nekoG[35].src = fld2+"kaki2.gif";
nekoG[36].src = fld2+"sleep1.gif";
nekoG[37].src = fld2+"sleep2.gif";
nekoG[38].src = fld2+"mati3.gif";
cmt3_1=c3.indexOf("Nobuo");
var NID=0,NID2=0;
//マウスカーソルの位置 とりあえず100,100
var MX = 100;
var MY = 100;
//猫の左上位置
var NX = 0;
var NY = 0;
//猫の移動周期(ms)
var NCYCLE = 250;
//猫の移動量
NS = 16;
NS2 = NS*NS;
NS_2 = NS >> 1;
//猫のアニメーションフラグ
NA = 1;
//一つ前に、猫は何をしていたか。
BN = 0;
/*以下２進数
Ｙ軸	移動無し	00
	上		10
	下		11
Ｘ軸	移動無し	00??
	左		10??
	右		11??
*/
cmt3_2=c3.indexOf("Ishizu");
//マウスカーソル位置を取得
if (NN4 || NN6) {
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=GetM;
function GetM(e) {
	if (NN4 || NN6) {
		MX = e.pageX;
		MY = e.pageY;
	}
	if (IE4) {
		MX=document.body.scrollLeft+event.clientX;
		MY=document.body.scrollTop+event.clientY;
	}
}
//猫を動かす
function nekomove(){
	var	DX = MX - NX;
	var	DY = MY - NY;
	var	DX2 = DX*DX;
	var	DY2 = DY*DY;
	DX2 = ( DX2 == 0 && DY2 == 0 ) ? 1 : DX2;
	var	XF = (DX < 0 ) ? -1 : 1;
	var	YF = (DY < 0 ) ? -1 : 1;
	//移動量をきめる
	//やっぱり、無駄な計算をしている気がする
	if ( DX2 + DY2 < NS2 ){
	  var	NDX = DX;
	  var	NDY = DY;
	} else {
	  var	NDX = XF*Math.ceil(Math.sqrt(NS2*DX2/(DX2+DY2)));
	  var	NDY = YF*Math.ceil(Math.sqrt(NS2*DY2/(DX2+DY2)));
	}
	if ( NDX == 0 && NDY == 0 ) { 	//移動が無い場合
	  clearInterval(NID);
	  nekostop();
	} else {			//移動する
	  var Ndirect = 0;
	  if ( NDY < 0 && NDY + NS_2 <= 0) Ndirect += 2
	  else if ( NDY > 1 && NDY - NS_2 >= 0) Ndirect += 3;
	  if ( NDX < 0 && NDX + NS_2 <= 0) Ndirect += 8
	  else if ( NDX > 1 && NDX - NS_2 >= 0) Ndirect += 12;
	  NA = ( NA == 0 ) ? 1 : 0;
	  BN = Ndirect;
	  chimg((Ndirect<<1)+NA);
	  NX += NDX;
	  NY += NDY; 
		if (NN4) {
			document.layers.jsneko.moveTo(NX-16,NY-35);
		}
		if (IE4) {
			document.all["jsneko"].style.left = NX - 16;
			document.all["jsneko"].style.top = NY - 35;
		}
		if (NN6) {
            document.getElementById("jsneko").style.left = NX - 16;
            document.getElementById("jsneko").style.top = NY - 35;
		}
	}        // else end
}        //nekomove end
function chimg(num){
	if (NN4) {
		document.layers.jsneko.document.images[0].src = nekoG[num].src;
	}
	if (IE4) {
		document.all.jsneko.document.images[0].src = nekoG[num].src;
	}
	if (NN6) {
        document.nyan.src = nekoG[num].src;
    }
}
cmt4=c4.indexOf("neon");
function nekostop(){
	NA = 0;
	chimg(0);
	OLDMX = MX;
	OLDMY = MY;
	NA = 0;
	NJC = 0;
	NID2 = setTimeout("nekojare()",NCYCLE*5);
    mousecheck();
}
function nekojare(){
	NJC++;
	clearTimeout(NID2);
	if ( NJC <= 10 ) {
	  if ( NJC & 1 == 1 ) chimg(33)
	  else chimg(0);
	  NID2 = setTimeout("nekojare()",NCYCLE>>1);
	} else {
	  NKC = 0;
	  NID2 = setTimeout("nekokaki()",NCYCLE);
	}
    mousecheck();
}
function nekokaki(){
	NKC++;
	clearTimeout(NID2);
	if ( NKC <= 8 ) {
	  if ( NKC & 1 == 1 ) chimg(34)
	  else chimg(35);
	  NID2 = setTimeout("nekokaki()",NCYCLE>>1);
	} else {
	  NID2 = setTimeout("nekoakubi()",NCYCLE);
	}
    mousecheck();
}

function nekoakubi(){
	clearTimeout(NID2);
	chimg(38);
	NNC = 0;
	NID2 = setTimeout("nekone()",NCYCLE<<2);
    mousecheck();
}

設置する場所（ページ）へ下記のように記述する。場所は最初でも最後でもいいみたいです。

#html{{
<script language="javascript">
window.onload=nekostart();
</script>
}}

こちらをどうぞ

A:12947 T:2 Y:0

QHMテストサイト

Flash設置のページ

ホームページ上にFlashを表示させる

QHMFlash設置プラグインを使う

HTML貼り付け機能を使う

txt形式のファイルを使用したFlashが表示されない場合（くすだま）

対処法について

設置方法

お花の時計の設置

Merry Christmas

フラッシュ画像をはりつけるタグ

変更箇所

ムービーの背景色

ムービーのくり返し再生・１回再生

変更後のタグ完成（ファイル名・サイズ・背景透過・１回再生）

マウスを追いかける白い猫

設置方法

メニュー

トップ