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 />

このQ&Aに関連する最新のQ&A

A 回答 (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>
    • good
    • 0
この回答へのお礼

できました!ありがとうございました!
大変助かりました、内容も何となく理解できました。
本当にありがとうございます。

お礼日時:2009/05/17 14:23

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q残像が美しいバレエの実験映画わかりますか?

一年ほど前、大学の映像の概論で見せてもらった映像が気になっています。
ノートを見返してみても題名が分らず、その授業の教授もすでに大学を離れてしまっていて聞くことが出来ません。

白黒のフィルムだったと思います。
真っ黒い背景の中に、チュチュを来た女性がバレエを踊っています。
彼女が動くたびに白い残像が幾重にも残ってとても綺麗でした。
途中から(?)それに男性も加わり、二人で踊ります。
長さはそれほど長くなかったと思います。十分くらいの作品だったような。
制作年代はだいぶ古かったはずです。ここ二三十年のものではないです。

題名は「バレエ・クラシカル」だったと思っていたのですが、検索しても出てきませんでした。
おそらくレジェの「バレエ・メカニック」と記憶が混ざってしまったものと思われます……。

これだけの少ない情報なのですが、分る方いらっしゃいますでしょうか?
とても美しい映像だったので、一度見たら忘れられないようなものです。
アートフィルムなので知名度は高くないでしょうが……。
参考の映像(静止画でも)が見れるサイトなども一緒に紹介していただけると嬉しいです。
難しい質問とは思いますが、何か心当たりがありましたらよろしくお願いします。

一年ほど前、大学の映像の概論で見せてもらった映像が気になっています。
ノートを見返してみても題名が分らず、その授業の教授もすでに大学を離れてしまっていて聞くことが出来ません。

白黒のフィルムだったと思います。
真っ黒い背景の中に、チュチュを来た女性がバレエを踊っています。
彼女が動くたびに白い残像が幾重にも残ってとても綺麗でした。
途中から(?)それに男性も加わり、二人で踊ります。
長さはそれほど長くなかったと思います。十分くらいの作品だったような。
制作年代はだいぶ古...続きを読む

Aベストアンサー

おそらくノーマンマクラーレン(Norman McLaren)の”Pas de Deux pt deux ”だと思われます。

http://www.youtube.com/watch?v=MHQIfPbeoBw

http://www.youtube.com/watch?v=MHQIfPbeoBw

Q&= ~0x0c; &= ~0x03; |=1;

JavaScriptで分からないコードがあるので教えてください。


■変数設定
var hoge = 0;


■変数格納
・キーを押した時の条件分岐
  ~なら hoge |= 1;
  または hoge |= 2;
  または hoge |= 3;
  または hoge |= 8;

・キーを離した時の条件分岐
  ~なら hoge &= ~0x0c;
  または hoge &= ~0x03;


■変数使用
・swithch文の条件分岐に利用
  (hoge&0x03)
  (hoge&0x0c)


■質問
・どういう意味でしょうか?
・文字コード?
・ビット演算?

Aベストアンサー

ビット演算してるわね

x = x + a

x += a
って書くことができるの

つまり
hoge |= 1

hoge = hoge | 1
のことね

~はNOTのこと

0x
はアスキーコードの16進数表記ねきっと

0x0c は改ページを意味していて
0x03 は文章の最後を意味している
と思われるわ
全文がないので推測だけど

Q映画に詳しい方いませんか??

残像が出てくる映画を探しています。

http://www.platz.or.jp/~moal/mblur.html
↑↑なんと説明したらいいのかわからないのですが、早く動いた後にいくつか残像が残るようなシーンを探しています。

そんなにすぐあるような気がしないので、ジャンルとかは何でもいいです。CGの映画とかでもOKです。

何か些細な情報でもいただければ嬉しいです。
宜しくお願いします。

Aベストアンサー

二重投稿で失礼致します。

『アヴァロン』
http://www.eiga-portal.com/movie/avalon/01.shtml
冒頭に、もやのようなエフェクトのかかった
残像をともなう戦闘シーンがあります。

それと前回投稿した作品のリンクです
『アキラ』
http://www.bandaivisual.co.jp/akira/
『ボーン・スプレマシー』
http://movie.goo.ne.jp/contents/movies/MOVCSTD6264/
『ドミノ』
http://info.movies.yahoo.co.jp/detail/tymv/id323184/

Q
勘でいれたら・・・

はじめまして。JavaScript初めてです。
わからないことがあるので、教えてください。

画面を左右にフレームで分割して、左フレームのリストボックスから要素を選択すると、その要素に該当した表が右フレームに表示される、というものを作成しました。
左フレーム:name = index
右フレーム:name = main
こんな感じ(左フレーム)↓
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function disp(obj){
右フレームの表のHTML作成をしている

parent.main.document.open();
parent.main.document.write
(desc.innerHtml = 上で作成したHTML);
parent.main.document.close();
}
-->
</SCRIPT>
</HEAD>
<BODY onload="disp(form)">
※<DIV id="desc"></DIV>
<FORM name="form">
<SELECT name="MListBox" onchange="disp(form)">
<xsl: apply-templates select="~"/>
</SELECT>
</FORM>
*<DIV id="desc"></DIV>
</BODY>
</HTML>
  ・
  ・ <xsl文章>
  ・

初めは、※←のところがなく、右と左のフレーム両方に表が出力されてしまっていました。でも※←のところに<DIV id="desc"></DIV>を勘で入れたとたん、右フレームだけに表が出力されるようになりました。(期待の結果)
自分の予想では、*←のところのみで期待の結果が得られる予定で、(disp()でHTMLの出力を右フレームに指定しているから)何故※のところを追加したことで期待通りの動きをしたのかが謎です。

わかりづらい説明で申し訳ないですが、教えてくださる方がいらっしゃいましたら、どうぞお願いします。

はじめまして。JavaScript初めてです。
わからないことがあるので、教えてください。

画面を左右にフレームで分割して、左フレームのリストボックスから要素を選択すると、その要素に該当した表が右フレームに表示される、というものを作成しました。
左フレーム:name = index
右フレーム:name = main
こんな感じ(左フレーム)↓
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function disp(obj){
右フレームの表のHTML作成をしている

parent.main.document.open();
parent....続きを読む

Aベストアンサー

質問文にあるソースで目指しているものがいまいち掴み切れていないかも知れないので、見当違いなことを書くかもしれませんが…

<DIV id="desc"></DIV>

を複数記述する事で意図した結果になったということですが、それはおそらく記述エラーが元でそうなっているのだと思います。
id名は、各HTML文書内で固有の名前を与える属性として扱われます。 平たく言えば、一つのHTMLファイル内で、一つの要素に与えたid名はその一回しか使えません。 ですので、特定の要素で既に使われているid名を、それとは別の要素に対して与える事が許されていません。
ご質問文のソースの場合、一つのHTML文書内で同じid名が複数の要素に与えられる事になり、一つの特定の要素を絞り込むことができなくなっています。 おそらくは、JavaScriptが特定のid名を持つ一つの要素を取り出そうとし、同じid名を持つ要素が複数あるために特定の要素を識別するのに失敗したせいで、左のフレームに表示されるはずのスクリプトで生成したHTMLソースが、表示先を見失って表示されなくなっているだけだと思われます。(なぜエラーメッセージが出ないのかについては、IEの動作上の問題と言う事になるのではないでしょうか)
試しに、※の部分の<DIV id="desc"></DIV>を残して、*の部分の<DIV id="desc"></DIV>を消し、動作させてみてください。 それで元のように右フレームにだけ表示させたかったHTMLが左フレームにも表示されるようでしたら、一見期待通りの動きになった原因は、上記のように同じid名を複数の要素に与えたという記述ミスと、それから生じたスクリプトの動作不良と言う事になると思います。

ソース的にスマートに目的の動作を確保するのであれば、<DIV id="desc"></DIV>を複数記述するのではなく、スクリプト内の

parent.main.document.open();
parent.main.document.write(desc.innerHtml = 上で作成したHTML);
parent.main.document.close();

この部分の記述を

parent.main.document.open();
parent.main.document.write(上で作成したHTML);
parent.main.document.close();

に直すのが良いと思います。
フレームmainにだけ、スクリプトで生成したHTMLを表示するということが狙いだったのであれば、それまで意図通りの動作をしなかったのは、parent.main.document.write()の中で、「desc.innerHTML =」という記述をしているために、「上で生成したHTML」を、右フレーム内に書き出すのと同時に、descというidを持つ要素(*の<DIV id="desc"></DIV>)の中のHTMLソースとして再定義していたためと思われます。
スクリプトを上のように修正すれば、HTMLソースの書式違反による動作不良ではなく、スクリプトの正常な動作で、右フレームにだけスクリプトで生成したHTMLソースを表示させるという結果を得られると思います。

参考になれば。 見当違いでしたら、ごめんなさい。

質問文にあるソースで目指しているものがいまいち掴み切れていないかも知れないので、見当違いなことを書くかもしれませんが…

<DIV id="desc"></DIV>

を複数記述する事で意図した結果になったということですが、それはおそらく記述エラーが元でそうなっているのだと思います。
id名は、各HTML文書内で固有の名前を与える属性として扱われます。 平たく言えば、一つのHTMLファイル内で、一つの要素に与えたid名はその一回しか使えません。 ですので、特定の要素で既に使われているid名を、それとは別の要素...続きを読む

Qpsp動画の残像をどうにかできませんか?

PSPにアニメを入れてるんですが、残像があって見にくいのですがどうにか消すことは出来ないのでしょうか?
それともPSPの性能上しょうがないことであって残像を消すことは出来ないのでしょうか?
まったく同じ動画をパソコンで見ると残像はありません。

Aベストアンサー

自分もPSPにアニメを入れていますが、気になるような残像はありません。自分で気付かないだけかもしれませんが、残像はでていないように思います。なので、はっきりとは言えませんが、PSPの性能の問題ではないかと。

Qの○をランダムに!

1.jpgから30.jpgの30枚の画像はimagesという名のフォルダにあり、
それらの画像をJavaScriptで画像を1枚目からランダムにフェードインするものを作りたく、
http://asamuzak.jp/html/302を参考にして、
2枚目からランダムにフェードインすることはできました。
しかし、1枚目が必ず同じ画像が表示されてしまいます。
body内の<img src"1.jpg" id="">
の部分が表示される1枚目のようです。
1.jpgを2.jpgにすると2.jpgが最初に表示されます。

1枚目からランダムにフェードインするものを作るには、
この<img src"1.jpg" id="">を<img src"ランダムな整数.jpg" id="">
にすればいいのでは? と思いました。

自分が考えたコードは、
下記コードの場合の動作は、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title></title>
<script language="JavaScript">
<!--
var n = Math.floor((Math.random() * 29))+1;
//-->
</script>
</head>
<body>
<img src="../images/1.jpg" />
</body>
</html>

1.jpgが毎回必ず表示されます。

ランダムな整数を取得できるJavaScriptを作り、
var n = Math.floor((Math.random() * 29))+1;
その整数を上記コードの
<body>
<img src="../images/1.jpg" />
</body>
の部分を
<body>
<img src="../images/n.jpg" />
</body>
とvar nを入れてやれば
1~30のランダムな整数が入って
ページを更新するたびに画像が変わると考えました。

<img src="../images/n.jpg" />の書き方を直せばいいと思うのですが、
どのようにしたらいいのでしょうか? よろしくお願いします。

1.jpgから30.jpgの30枚の画像はimagesという名のフォルダにあり、
それらの画像をJavaScriptで画像を1枚目からランダムにフェードインするものを作りたく、
http://asamuzak.jp/html/302を参考にして、
2枚目からランダムにフェードインすることはできました。
しかし、1枚目が必ず同じ画像が表示されてしまいます。
body内の<img src"1.jpg" id="">
の部分が表示される1枚目のようです。
1.jpgを2.jpgにすると2.jpgが最初に表示されます。

1枚目からランダムにフェードインするものを作るには、
この<img src"1....続きを読む

Aベストアンサー

JavaScriptのdocument.writeln
でタグを直接出力すればいいです。

<body>
<script language="JavaScript">
document.writeln("<img src='../images/" + n + ".jpg' />");
</script>
</body>


http://www.tohoho-web.com/js/document.htm#writeDoc
詳しくはここ参照。

”と’ に注意。

Q目で見える残像

残像ってありますよね?
たとえばXがA地点からB地点に行くとして、
Xを見ている人がそばにいたとします。
ものすごく速く動けば、
XはB地点に行っているのに
A地点にいるXがまだ止まっている
ように見える残像はあるのですか?
また、残像というのは(最大で)何秒まで伸ばせますか?

Aベストアンサー

>A地点にいるXがまだ止まっているように見える残像はあるのですか?
それが残像です。それはA+、A++と重なって残り、B地点に向かう現在のXと重なり、現在のXが過去の残像により尾を引いているように見えます。

たぶん、Bに到達したX(現在)が見えず、A地点にいるXがまだ止まって(過去だけが)見える、という現象は、現実的には起こりえないと思います。

残像についてはごく簡単ですが、Wikipedeiaに記載があります。
h ttp://ja.wikipedia.org/wiki/%E6%AE%8B%E5%83%8F

Qvar $i = hoge; $の意味について

初心者の質問ですみませんが教えて下さい。
jqueryのソースで以下のソースがあったのですが、
var i = ではなくvar $i にしないといけない理由ってありますか?

var $i = $( '#img' ); // 対象の img タグを選択
var img = new Image();
img.src = $i.attr('src');

Aベストアンサー

こんにちは。

$iにしなくてはいけない理由はないと思います。

多分$('#img')でjQueryのオブジェクトを取得してるので$をつけているんだと思います。
(私もjQueryで取得した要素については$を付けるようにしています)
ようするにわかりやすいようにです。

Qあの映画のタイトルは?

こんばんは
今から6~8年ぐらい前の話になりますが、テレビで深夜にある映画をやっていたのですが、その映画のタイトルが思い出せません。
その映画は2夜連続放送でした。
その映画の内容ですが私も断片的にしか覚えていません。以下それを列挙しますので、その映画がわかる人は教えてください。
・主人公らは飛行機に乗ってて乱気流に巻き込まれたが、空港を見つけて着陸。しかしそこは時間がおかしな別世界へ行ってししまう。その世界は行動を起こした5分後にその結果が現れる世界。
・主人公の仲間の中に超能力が使える人がいるけど、その人は敵(同じ飛行機に乗ってた人)に殺される。
・主人公らはその別世界の空港を着陸するのだが、そのときになぞの生物(汚いパックマンみたいなもの)が襲いかかる。
・間一髪でなぞの生物から逃げ切るのだが、再び虹色に光る乱気流みたいなものを発見。しかしそこを通過するとき眠りに落ちていない人は消滅してしまうので、主人公がほかの仲間のために自ら犠牲になる。
・皆を眠らせる方法は、飛行機内の気圧を下げる。
・ぶじ普通の空港に着くものの、誰もいなくて当惑するが、しばらくしたら残像のような状態で人々がたくさん出てくる。その残像は一時的なものでじきに普通の世界へもどっていく。

長い説明読んでくれてありがとうございました。
ピンと来た人はよろしくお願いします。

こんばんは
今から6~8年ぐらい前の話になりますが、テレビで深夜にある映画をやっていたのですが、その映画のタイトルが思い出せません。
その映画は2夜連続放送でした。
その映画の内容ですが私も断片的にしか覚えていません。以下それを列挙しますので、その映画がわかる人は教えてください。
・主人公らは飛行機に乗ってて乱気流に巻き込まれたが、空港を見つけて着陸。しかしそこは時間がおかしな別世界へ行ってししまう。その世界は行動を起こした5分後にその結果が現れる世界。
・主人公の仲間の...続きを読む

Aベストアンサー

NHKでやっていたスティーブン・キング原作のサスペンス「ランゴリアーズ」じゃないでしょうか?

参考URL:http://giger.hp.infoseek.co.jp/rango.html

Qvar aaa=bbb?cccl:ddd; の意味を教えて下さい。

タイトルそのままです。
function内にある
var aaa=bbb?cccl:ddd;
の意味を教えて下さいませ。

Aベストアンサー

がると申します。
これは、三項演算子と呼ばれるものになります。
基本的には
式 ? trueの値 : falseの値
という形を取ります。
上述ですと、
もしbbbが判定式としてtrueを取るのならaaaにccclを、falseになるのならdddを代入する
という感じになるかと思います。


人気Q&Aランキング