HP作成の際、
画像をフェードインさせたいのですが、
以下のタグをコピーして貼り付けても
エラーになります。
どこを修正したらよいのでしょうか?
よろしくお願いします<m(__)m>
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
spd = 50;
ntc = 2;
fii = new Array("ia","ib","ic");
cnt = 0;
i = 0;
function fdInImg() {
document.images[fii[i]].filters['alpha'].opacity = cnt;
cnt += ntc;
if(cnt >= 100) {
cnt = 0;
i++;
}
if(fii.length <= i) return;
setTimeout("fdInImg()",spd);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff" onLoad="fdInImg()">
画像が順番にフェードインします。<BR><BR>
<IMG src="画像のアドレス">
<IMG src="画像のアドレス">
<BR><BR>
</BODY>
</HTML>
No.1
- 回答日時:
これですね HP作成ソフトは何をお使いですか
HPビルダーなら ソースを書き換えない設定にしましょう
メモ帳などで編集すると間違いないですけど
http://javascript.eweb-design.com/0814_fio.html
No.2
- 回答日時:
BODY内のimgタグで、画像ファイル名しか指定されてないようです。
ANo.1の方のご回答にあるURLページを見ますと
<IMG src="画像のアドレス" name="ia" border="0" style="filter:alpha(opacity=0);">
というように、それぞれ指定されていますね。
この回答への補足
ありがとうございます。画像のアドレスの後ろに
name="ia" border="0" style="filter:alpha(opacity=0);"を
つけてみましたが、やっぱりちゃんと表示されません(><)
他に何かいけない所があるのでしょうか。。。
No.4ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// 画像のフェードイン・フェードアウト
spd = 50; // 変化させる間隔(ミリ秒単位)
ntc = 2; // 何%ずつ変化させるか
// フェードインさせる画像のname属性(順番に並べる)
fii = new Array("ia","ib","ic");
cnt = 0;
i = 0;
// フェードイン
function fdInImg() {
document.images[fii[i]].filters['alpha'].opacity = cnt;
cnt += ntc;
if(cnt >= 100) {
cnt = 0;
i++;
}
if(fii.length <= i) return;
setTimeout("fdInImg()",spd);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff" onLoad="fdInImg()">
画像が順番にフェードインします。<BR><BR>
<IMG src="****.gif" name="ia" border="0" style="filter:alpha(opacity=0);">
<IMG src="****.gif" name="ib" border="0" style="filter:alpha(opacity=0);">
<IMG src="****.gif" name="ic" border="0" style="filter:alpha(opacity=0);">
<BR><BR>
</BODY>
</HTML>
すみません、何度も試したのですが、
やっぱりできませんでした(>_<)
もしかしたらjavascriptが使えないのかもしれないです・・・(TT)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
画像のアドレスについて
-
HTMLファイルの一部の画像だけ...
-
web制作の初心者です。車のHP...
-
画像を二枚ずつ表示して、選ん...
-
javaスクリプトが反映されない
-
タイトルバーに画像を入れるHTM...
-
画像リンクの上に文字リンクを...
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
クリッカブルMAP領域が分かる様...
-
任意の画像を左端と右端をぴっ...
-
すいません HTMLです この画像...
-
HTMLでデスクトップの画像がでない
-
右クリック禁止タグについて
-
セル間に見える微妙な境目を消...
-
IMGタグでTIFF画像を表示
-
フォルダ内の画像をウェブでラ...
-
HTMLタグの画像貼り付けのことで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報