_.js ライブラリー
imgLoad.js
//イメージの事前読込み
Last UpDate 10.27.1996
書式:
imgLoad( [ 画像名 ], 枚数 , gif | jpg | .... )
1.SCRIPTタグ内への記述方法
a . この_.jsライブラリーを直接参照する場合。
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.fureai.or.jp/~tato/JS/LB/imgLoad.js"></SCRIPT>
b . 自分のサーバーに.jsファイルを置いて使う場合。
<SCRIPT LANGUAGE="JavaScript" SRC="imgLoad.js"></SCRIPT>
2.SCRIPTへの記述方法
imgLoad( [ 画像名 ], 枚数 , gif | jpg | .... )
実行後、document.ページ内の現画像名.src=takuimg[index番号].srcなどのようにして既にIMGタグで表示されている画像へ代入する。
画像は画像名0.gif,画像名1.gif,画像名2.gif,....のように0から始まるナンバリングをして保存しておく。
ソース:<![CDATA[
function imgLoad(imgName,kazu,imgType)
{
if(navigator.appVersion.charAt(0)>=3)
{
takuimg = new Array()
for(i=0;i<kazu;i++)
{
takuimg[i] = new Image();
takuimg[i].src = imgName +i+"."+imgType;
};
};
};
]]>
**このスクリプトにはNN2.x(IE3.0含む)へのエラー回避文、if(navigator.appVersion.charAt(0)>=3){}が入っていますが、これはHTML内に直接コピーして使うことを想定して念のために入れたものです。.js内で使う時は不要ですから削っていただいてかまいません。
Example:
ボタンをクリックするとランダムに写真が変わります。
Example'sソース:
(このソースをコピーしてあなたのページに貼るだけでもNN3.X〜なら動きます^^)
<![CDATA[
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.fureai.or.jp/~tato/JS/LB/rndStr1.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.fureai.or.jp/~tato/JS/LB/imgLoad.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
if(navigator.appVersion.charAt(0)>=3){imgLoad('../select_o/d',10,'gif')}
</SCRIPT>
<FORM>
<INPUT TYPE="button" VALUE=" 押してね(^^)/ " onClick="if(navigator.appVersion.charAt(0)>=3){document.img1.src=takuimg[rndStr1()].src}">
</FORM>
<IMG SRC='http://www.fureai.or.jp/~tato/JS/select_o/d0.gif' NAME='img1'>ボタンをクリックするとランダムに写真が変わります。
]]>
_.js ライブラリー
JvaScriptExamples
Maintained by
tato@fureai.or.jp works1996takahashi factory