 ホーム KeyNavi対応方法 [0] JavaScript＠Keynavi.Netトップ
[1] レイヤーの背景画像を指定
|
・サイトマップ [Shift-S] |
 |
■ レイヤーの背景画像を指定：kl_layer_setbgimage(id,...)
レイヤーの背景画像を指定します。
//-----------------------------------------------------------------------------
//kl_layer_setbgimage(id,src,color2)
//返り値：成功時は１失敗時は０
//id：対象となるレイヤー(オブジェクト)かそのID
//src：変更したい背景画像のパス、画像無しは空文字""として指定
//src2：上の空文字指定が効かない(Opera6)時に代わりに使う画像パス(略可)
//-----------------------------------------------------------------------------
function kl_layer_setbgimage(id,src,src2){
if(!src2) src2="/just_for_opera6_bgimg_bug.gif";
if(!src.length){
if(KL_OP6 && !KL_OP7) src='url('+src2+')';
if(KL_NS4) src=null;
}else{
if(!KL_NS4) src='url('+src+')';
}
if(KL_NS4) e.background.src=src;
else if(e.style) e.style.backgroundImage=src;
else return 0;
return 1;
}
<script language="javascript" src="http://www.keynavi.net/files/keynavi_ja.js"></script>
<script language="javascript" src="http://www.keynavi.net/files/keynavi_tools.js"></script>
.....
<a href="javascript:void(0)" onclick="alert(kl_layer_setbgimage('lay1','orange'));">オレンジ</a>
<a href="javascript:void(0)" onclick="alert(kl_layer_setbgimage('lay1',''));">透明</a>
.....
<div style="position:relative; left:20px; top:10px; width:150px; height:100px;" id="lay1">
レイヤー「lay1」です。
</div>
【レイヤーの背景画像指定「kl_layer_setbgimage(id,src,color2)」＜keynavi_tools.js】
//-----------------------------------------------------------------------------
//kl_layer_setbgimage(id,src,color2)
//返り値：成功時は１失敗時は０
//id：対象となるレイヤー(オブジェクト)かそのID
//src：変更したい背景画像のパス、画像無しは空文字""として指定
//src2：上の空文字指定が効かない(Opera6)時に代わりに使う画像パス(略可)
//-----------------------------------------------------------------------------
function kl_layer_setbgimage(id,src,src2){
if(!src2) src2="/just_for_opera6_bgimg_bug.gif";
if(!src.length){
if(KL_OP6 && !KL_OP7) src='url('+src2+')';
if(KL_NS4) src=null;
}else{
if(!KL_NS4) src='url('+src+')';
}
if(KL_NS4) e.background.src=src;
else if(e.style) e.style.backgroundImage=src;
else return 0;
return 1;
}
「src」には画像のURLを指定します。 背景画像の指定を無くしたい場合は空文字列「''」を指定します。
Opera6では空文字を渡しても動作しません。 代わりに存在しない画像パスをsrc2に指定するとOKです。 デフォルトでは「"/just_for_opera6_bgimg_bug.gif"」などとなっています。 この画像が実際に存在しない場合、引数src2には何も指定しなくていいです。
【kl_layer_setbgimage()を使ったサンプル】
<script language="javascript" src="http://www.keynavi.net/files/keynavi_ja.js"></script>
<script language="javascript" src="http://www.keynavi.net/files/keynavi_tools.js"></script>
.....
<a href="javascript:void(0)" onclick="alert(kl_layer_setbgimage('lay1','orange'));">オレンジ</a>
<a href="javascript:void(0)" onclick="alert(kl_layer_setbgimage('lay1',''));">透明</a>
.....
<div style="position:relative; left:20px; top:10px; width:150px; height:100px;" id="lay1">
レイヤー「lay1」です。
</div>
外側のレイヤー
レイヤー「lay1」です。
Netscape4.xで上の例を実行すると 背景色の場合と同様の現象が発生します。
詳しくは Netscape4.xの問題 (「レイヤーの背景色を指定：kl_layer_setbgcolor(id,...)
」内)。
|
【JavaScript@Keynavi.Net ：
レイヤー編：基本
】
「Ctrl-矢印」でフォーカスを上下左右に移動できます。
|
| トップへ戻る [1] | Back[Q] ・Top[W] ・Up[E] ・PgUp[R] ・Focus[Ctrl-矢印] |
|
|
ホーム KeyNavi対応方法 [0] JavaScript＠Keynavi.Netトップ
[1] レイヤーの背景画像を指定
|
・サイトマップ [Shift-S] |