Javaにて画像を残像が残りつつ数秒ごとに変化させ、
さらにリンクを画像ごとに変え、マウスを置いたときにそれぞれ画像ごとに説明文が出るようにしたいのですが・・・
説明文はマウスをおいたら付箋みたいに出るあれです。
下記のようなのは見つけて残像するのですが、
リンクなどをどこに挿入していいのかわかりませんので教えてください。
Javaは初心者なのですが休み中に解決してこいと言われました。
宜しくお願いします。
<SCRIPT language="JavaScript">
<!--
var time=3;
var rtime=5000;
var image= new Array();
image[0]="img01.jpg";
image[1]="img02.jpg";
image[2]="img03.jpg";
var ii=0;
function imgchange(){
imgframe.filters.blendTrans.Apply();
imgframe.filters.blendTrans.duration=time;
imgframe.src=image[ii];
imgframe.filters.blendTrans.Play();
ii=ii+1;
if (ii>2) ii=0;
t=setTimeout('imgchange()',rtime);
}
//-->
</SCRIPT>
<BODY onLoad="imgchange()">
<DIV align="center">
<img src='img01.jpg' id="imgframe" style="filter:blendtrans" width="300" height="401" alt="トップバナー" /><br />
<br />
No.1ベストアンサー
- 回答日時:
これでどうでしょう。
細かなところは修正してください。
<html>
<head>
<title>sample</title>
</head>
<SCRIPT language="JavaScript">
<!--
var time=3;
var rtime=5000;
var image= new Array();
var href= new Array();
var title= new Array();
image[0]="img01.jpg";
image[1]="img02.jpg";
image[2]="img03.jpg";
title[0]="トップバナー";
title[1]="2ndバナー";
title[2]="3rdバナー";
href[0]="http://www.google.co.jp";
href[1]="http://www.yahoo.co.jp";
href[2]="http://jp.msn.com/";
var ii=0;
function imgchange(){
imgframe.filters.blendTrans.Apply();
imgframe.filters.blendTrans.duration=time;
imgframe.src=image[ii];
imgframe.alt=title[ii];
imgframe.filters.blendTrans.Play();
anchar.href=href[ii];
anchar.title=title[ii];
ii=ii+1;
if (ii>2) ii=0;
t=setTimeout('imgchange()',rtime);
}
//-->
</SCRIPT>
<body onLoad="imgchange()">
<div align="center">
<a href="http://www.google.co.jp" id="anchar" title="トップバナー">
<img src="img01.jpg" id="imgframe" style="filter:blendtrans" width="300" height="401" alt="トップバナー" />
</a>
</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像をクリックすると別ウイン...
-
複数のバナーをリロードする度...
-
画像と文字を同時に切り替えたい
-
画像アップロードしたい
-
戻り読みの代わりとなる正規表...
-
画像の座標位置取得
-
javascript 時計24時間表示
-
アンケート型のホームページの...
-
画像の入れ替え
-
クリックとダブルクリック
-
outlook2010の不具合で困ってい...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
変数名をどのようにつけるのが...
-
【CSS】floatで左右に並べた...
-
javascriptでオブジェクトの重...
-
JavaScriptで変更した属性の元...
-
読み込んだQRコードをフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
HPに複数の画像をクリックで切...
-
【javascript】ロールオーバー...
-
画像の入れ替え
-
javascriptによるランダム画像...
-
画像と文字を同時に切り替えたい
-
JavaScriptで画像置換えてクリ...
-
連続したURLへのwindow.openの...
-
リンク切の場合リンクしない
-
戻り読みの代わりとなる正規表...
-
複数のボールの落下、バウンド...
-
<img>タグの alt= の値をキャプ...
おすすめ情報