• ベストアンサー

5~10秒間隔で画像を表示する方法

ホームページで、5~10秒間隔で表示させる画像を差し替える方法orそういうプログラムを配布してくれているサイトさんってあるのでしょうか? 差し替える画像の数は、5枚ぐらいです。 あったら是非、使いたいのでどなたかご存知の方教えてください。 お願いします。<(_ _)>

  • sonata
  • お礼率97% (300/309)
  • HTML
  • 回答数3
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • cocky
  • ベストアンサー率57% (232/402)
回答No.2

何もRealAudioだ、WindowsMediaだと大げさなものをつかわなくても、静止画の差し替え程度ならJavaScriptでできますよ。 基本的にはdocument.image.srcに次々に新しい画像ファイル名を設定してやればいいだけの話ですから。 動作原理の解説なども含めて下記URLなどに参考例が出てますので、一度試してみるといいんじゃないでしょうか。

参考URL:
http://lance.harvey.co.jp/javascript/js22.html
sonata
質問者

お礼

あー、やっぱりJavaScriptで出来るんだぁ~。 「たぶん出来るんだろーなぁ~」とは思ってたんですが、それを教えてるサイトさんがわからなくて・・・・。(^_^;) 早速参考URLに行ってみます。 cockyさん、回答ありがとうございました。

その他の回答 (2)

  • TEKITOU
  • ベストアンサー率21% (67/316)
回答No.3

cockyさんのおっしゃる方法が正攻法で適切ですね。 すみませんでした。 脱線ついでに、ご参考までに書きますと、マクロメディアのFlashというツールを使いますと完全に著作保護をかけた状態で、タイムテーブルに同期した切り替えができます。 Flashのいいところは、右クリックしますと、画像を数段階に拡大 スクロールしても、画質がある程度保たれるということですね。 拡大と保護を求められるコンテンツにはこんな使い方もできると思いました。 私はjavaを知りませんので、申し訳なかったのですが、順番としてjavaから消化されたら、あとあと応用がきいていいのでしょうね。 お詫びをかねて追記させていただきました。

sonata
質問者

お礼

Windowsのメディアプレイヤーでもそんなこと出来るとは、知りませんでした。ちょっと上級者向けの技みたいですけど。 Flashでそれをやろうと思ったのですが、なんでもフォトショで作った画像でやろうとすると難しい、と言われたので別の方法を模索していたところなのです。Flash、文字をうっすらと消したりとかそういう技しかまだ出来ないもんでして。(^_^;) TEKITOUさん、回答ありがとうございました。

  • TEKITOU
  • ベストアンサー率21% (67/316)
回答No.1

real audio または windows media(どちらも無料エンコーダツールあり) でできますね。動画と違って静止画の場合はクオリティがいいです。 どちらも指定のタイミングでテキストデータを表示したり、自動的に 指定のタイミングでターゲットのフレームページを切り替えたりできます。 初めてであれば、windows mediaのほうが解り易いかも知れません。 このツールをインストールすると、MSパワーポインで作った画像を ストリーミングのASFに変換できるようにもなります。 画像をメインにお考えでしたら、パワーポイントからのファイル生成を お奨めします。 実際の画像よりは画質はやや低下しますが HTML側で大画面をやや小さくすることで、擬似的に画質を良く見せることも可能です。 音声の解説も入れられますが音質は期待できません。 パソコン画面と音声をリアルタイムでキャプチャエンコードできるので アプリケーションソフトの解説ページなども創れます。 asxファイルの記述をマスターすると不正コピーを若干防げます。

参考URL:
http://www.microsoft.com/japan/windows/windowsmedia/download/default_1.htm

関連するQ&A

  • 10秒間隔で式を表示させる場合

    おせわになります。 VB6をW2Kで使用しています。 textboxに一定間隔ごとに質問を出していきたいのですが、その時間をコントロールする(おそらくはtimer)関数関係がよくわかりません。 近くの書店で立ち読みしても.NETの方ばかりですし、通販では内容の確認ができないので・・・。  スタートボタンをクリックしてプログラムスタート  TextBox1に第一問目の式が表示されます。  10秒以内にTextBox2へ答え(数値)を入力しないとNG  正解、未回答、不正解にかかわらず、問題表示から数えて15秒間隔で次々に問題が表示される (この時、解答欄の処理と問題を読むために5秒間解答欄を入力不可にします) 10問答えると正解率と点数、順位などを表示 というプログラムの10秒間隔や5秒間を扱う部分がわかりません。 よろしくお願いします。

  • ホームページビルダー13で、数秒で変わる画像にリンクを投入

    はじめまして、ホームページビルダー13でホームページを作り数秒間隔で変わる画像を(3回変わる画像にしています)作りました。それぞれの画像に違うリンクを着けたいのですが、うまくできません。ビルダーではそこまでのことは、出来ないのでしょうか?ご教授お願いします。

  • 画像間の間隔を消す方法(HTML)

    以下のようなことをしたいのですが、 [ a ] [b][c][d][e][f] 上部にaという大き画像を、その下にb~fのように(数は任意)小さな画像をすべて間隔をなくしてひとつの絵になるように(パズルの感覚で)したいのですが、どうしてもaと、b~fの上下の間に間隔があいてしまいます。b~f間の横の場合には間隔を消すことができるのですが・・・ この説明でお分かりいただけるか心配です。どのようにすれば解決するかご存知の方、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 起動中のプログラムを数秒おきに交互に表示するツールを探しております

    起動中のプログラムを数秒おきに交互に表示するツールを探しております 例 メモ帳とexcelとwordをPC側で起動 5秒おきにこの3種類のプログラムを自動で交互にディスプレイに表示したいです。 アクティブなプログラムを交互に切り替えてゆくといったイメージです。 写真のスライドショーの様な表示で交互に起動中のプログラムを出してゆけると良いのですが。 方法を公開されているWEBサイト等探しております。 ご存知の方いらっしゃいましたらお教え頂けますと幸いです。 どうぞ宜しくお願い致します。

  • ホームページ作成 画像を横にある一定の間隔で並べる方法

    HTML方式というのでしょうか? 今ホームページを作っていて、画像を20枚(デジカメで撮ったものを縮小してクリックすると大きくなるように)を横に等間隔(画像と画像の間を少し開ける感じで)に並べたいのですが…。どこを調べてもでてきません。どなたかご存じの方教えて頂けないでしょうか?また2段にわける場合はどうしたらよいのでしょか?よろしくお願いします。

    • ベストアンサー
    • CSS
  • JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動

    JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動切換え、さらにその画像にリンク先urlの指定のやり方をわかる方いらっしゃいましたら教えてください。 JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは過去質問でわかったのですが、その画像にリンクさせる方法をお願い致します。 JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは http://www.tagindex.com/kakolog/q4bbs/201/360.html こちらの質問内記載のタグを参照させて頂きました。 これに個々の画像にリンクをつけたいのです。 よろしくお願い致します。

  • 数秒ごとに画像を変え、リンクをさせたい。

    例えば画像A、B、C、があって、それぞれを5秒間隔で交代に表示させたいのですが その為のタグを教えて頂きたいです。 あと、その画像ごとにリンクを貼りたいのですが・・・。 AはBBS、Bは日記、Cはリンクページへ、といった感じです。 あるHPで見かけたことがあるので、出来ると思うのですが 何しろ知識不足なので、分かりやすくタグを教えて頂けると助かります。 よろしくお願いします。

  • 時間で画像表示が変化する方法

    「ページがロードされて何秒か時間が経過すると、表示されている画像が指定した画像に変化する方法」をご存知の方教えて下さい。よろしくお願いします。

  • スライドショーの間隔について

    「My Pictures」フォルダのスライドショーという機能は、画像 の表示が十秒間隔なんですが、この間隔を短くする方法は ないでしょうか。待ちがちょっと長くて、いちいち「次の画面」をクリックするのが面倒なんですが。 宜しくお願いします。

  • 10秒後に1秒ごとに1行づつ表示する方法

    こんにちは。 質問がありまして、投稿致します。 タイトル通りなのですが、 10秒後に1秒毎に1行づつ表示する方法を探しております。 webで1秒毎に表示する方法は見つかりました。 ただ、10秒後に表示する方法が分からず困っております。 恐れ入りますが、ご指示頂けますと大変嬉しく思います。 --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>TITLE</TITLE> <LINK rel="stylesheet" href="style.css" type="text/css"> <SCRIPT type="text/JavaScript"> <!-- itv = 1000; // 表示する間隔(ミリ秒単位) str = new Array(); // タグを入れる場合、「"」の前に「\」を付ける str[1] = "<FONT color=\"#999999\" size=\"2\">test1</FONT>"; str[2] = "<FONT color=\"#999999\" size=\"2\">test2</FONT>"; str[3] = "<FONT color=\"#999999\" size=\"2\">test3</FONT>"; str[4] = "<FONT color=\"#999999\" size=\"2\">test4</FONT>"; str[5] = "<FONT color=\"#999999\" size=\"2\">test5</FONT>"; str[6] = "<FONT color=\"#999999\" size=\"2\">test6</FONT>"; str[7] = "<FONT color=\"#999999\" size=\"2\">test7</FONT>"; str[8] = "<FONT color=\"#999999\" size=\"2\">test8</FONT>"; str[9] = "<FONT color=\"#999999\" size=\"2\">test9</FONT>"; cnt = 0; function setText() { if (cnt >= str.length) return; txt = ""; cnt++; for (i=0; i<cnt; i++) txt += str[i] + "<BR>"; if (document.all) document.all["ID"].innerHTML = txt; setTimeout("setText()",itv); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#000000" onLoad="setText()"> <DIV id="ID" style="position:absolute;"></DIV><BR> </BODY> </HTML> --------------------------------------------------------------- 恐れ入りますが、10秒後に最初の1行目(test1)を表示し1秒後に2行目(test2)を表示し、その後繰り返し1秒間隔でtest3→test4・・・と表示しようとしております。 長文大変申し訳ありません。 宜しくお願い致します。