「画像の上を流れる文字列」を表示する方法とは?

このQ&Aのポイント
  • 「画像の上を流れる文字列」を表示する方法について質問します。
  • 以前教えていただいた方法では、1つの文章が流れ終わってから次の文章が表示されますが、1つの文章が流れ終わる前に次の文章を表示する方法があるのか疑問に思っています。
  • 参考になったHPではJavaScriptとレイヤーが使われているようですが、具体的にどこを変更すれば実現できるのかわかりません。可能であるかどうか教えていただけますか?
回答を見る
  • ベストアンサー

「画像の上を流れる文字列」をこんな風に表示する事は可能ですか?

以前、この欄で「画像の上を流れる文字列」の作り方を教えて頂きました。 お陰様でうまくできました。・・・のですが、さらに下記の様な事って、可能なのかどうか教えて頂きたくて、質問しました。 それは、 サンプルでは、「1行目の文章が右から左に流れ、その1行目の文章が完全に見えなくなってしばらくしてから、2行目の文章が右から現れる」のですが、それを、「1行目の文章が完全に見えなくなる前に次の2行目の文章を表示させたい」という事です。つまり、1行目の文章の後に少し空白を入れて2行目が出てきて、2行目のあとにも空白が少し入って、3行目が出てくる・・というように、「途切れさせずに次々と文章が出てくるように」したいのです。 参考HPでは、JSとレイヤーが使われているのではないかと思うのですが、(自信がありませんが)どこを変えれば上記の様になるのか、判りません。 それとも、こんな動作はもともと出来ないのでしょうか? 当方、JSはもちろん、レイヤーとはどう言う物なのかも、いまいち、よく判からないのですが、どなたか、上記のような事が可能なのかどうか、教えてやってください。よろしくお願いします。 参考にさせて頂いたHP http://www2s.biglobe.ne.jp/~club_tom/java-kouza

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

  • ベストアンサー
  • novaakira
  • ベストアンサー率36% (60/164)
回答No.2

すみません。力不足です。ですが、ムリヤリ実現させることができます。 それは・・・・ずばりすべてを1行で書くのです。(僕にはこれしかできません) 改行も入れてはいけません。エラーになってしまいます。 そして入力したなが~い「画像+文章」にあわせて #MaMes12のwidthを調整し、そして var kaMes12=0; とし、var xMaMes12=**** を #MaMes12 {~} の width:?px の値を書いて下さい。 たとえばこのように。(画像のサイズとフォント指定を除いて載せています) mes12[0]='<IMG SRC="catkao1.gif">テキストと画像が横にスクロールします。&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<IMG SRC="catkao1.gif">複数のメッセージを表示することができます。&nbsp&nbsp&nbsp&nbsp&nbsp<IMG SRC="catkao1.gif">スクロールスピードも自由に変えられます。'; 回答で空白をうつと空白がでてこなかったので&nbspと書きましたが、 実際は全角のスペースを打っています。 として長さにあうように#MaMes12のwidthを調整して完了・・・・・・。 今の僕の頭ではこんなもんしかできませんので他の方にお願いしてください。 失礼しました。

poco-chan
質問者

お礼

お礼が大変遅くなってしまって、申し訳ありません。 先日は、丁寧に御回答くださり、とても助かりました。 本当に感謝しています。 どうもありがとうございました。

その他の回答 (1)

  • novaakira
  • ベストアンサー率36% (60/164)
回答No.1

はじめまして。 サンプルをDLしたのであれば・・・・・ /////////////////////////////////////////////////// // フォームのサイズとメッセージの間隔を書いて下さい。 var foSizeMes1=45; // フォームのサイズ var mesSpanMes1=25; // メッセージの間隔 /////////////////////////////////////////////////// のところのメッセージの間隔を15とかにしてみては? そうすればpoco-chanさんがやりたいことができるのでは?

poco-chan
質問者

補足

novaakiraさん、御回答どうもありがとうございます。 すみません。参考URLの書き方が不足していました。私が使わせてもらったのは、「1.メッセージが右から左へスクロールします。」の中の、「1.2 画像位置バージョン」なんです。テーブルの中にjpgのimgを入れ、その上を文字が横切るという風にしたのです。このサンプルの中には、教えてくださった、「var mesSpanMes 1=25//メッセージの間隔」に該当するところが、見つからないのです。どこかに、var mesSpanMes・・・を書き足せば良いのでしょうか?もし、そうだったら、その書き方も教えていただけないでしょうか?すみません!よろしくお願いします。  

関連するQ&A

  • 同時にフレームの背景色を変える

    http://www2s.biglobe.ne.jp/~club_tom/で配布されている背景 No.1.1(http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ha/ha-no1_1/ha-no1_1.htm)を使用しています。 2分割つしたフレーム(AとB)のAフレームに上記のスクリプトを設置し、カラーパレットクリックでAとBのフレームの背景色を変更したいと思っているのですが、カスタム方法が解りません。御教示頂けると助かります。 または、カラーパレット(のようなもの)をクリックで、複数のフレームの背景色を変更出来るスクリプトをさがしています。宜しくお願い致します。

  • ポイントで出るメッセージ

    リンク部分にマウスを持っていくとメッセージが出るプログラムで、 スタイルシートで固定した中に表示するものは見つけました。 たとえば http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm の http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/mes/mes-no5_2/mes-no5_2.htm のようなものですが これを、どの大きさのウインドウやどの解像度のブラウザから見ても メッセージを固定位置に表示させることはできないでしょうか? スタイルシートで固定したところに表示だと ピクセル指定でも%指定でも、ウインドウの大きさを変えるとやっぱりちょっとずつ見え方が違ってしまうのです。 ページ全体をガチガチにスタイルで固めてしまうとできるのかもしれませんが・・・ できればテーブルの中に表示させるとか、スタイルで固めてないページの中にも使える形がいいのですが・・・ わがままですみませんがよろしくお願いします。

  • ソースのどの部分を変更すれば・・・

    Club とむやんさんのページでハイパーリンクというのがありまして11番の画像の部分にメニューがでます。というのを使いたいのですが、サンプルは、画像が横に置いてるんですが、この画像を縦に並べたいのです。ソースのどこのどの部分を変更すればできるのか教えて頂けたらうれしいのですが、宜しくお願いします。 http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm

  • 指定した「曜日」の「時刻」に違うHTMLを表示させるプログラム

    いつもお世話になっております。 指定した「時刻」または「曜日」または「日付」に 違うHTMLを表示させるプログラムならば ↓のサンプルプログラム「時計」の5.で出来るのですが http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm これを欲張って 指定した「曜日のさらに違う時刻」に 表示させるプログラムは無いでしょうか。 じっくり勉強する時間はないので フリーのサンプルプログラムや 上記の改造方法を教えていただければ 本当に助かります・・・ よろしくお願いします m(_)m

  • 背景画像の変更と保存

    1.プルダウン(セレクト)メニューで画像名を選択すると、背景画像が変更できる 2.背景画像によって、配置位置を指定できる(右上固定/全面に繰り返し表示等) 3.ブラウザを閉じて開いても、選択した画像が背景に表示される 下記がイメージに近いのですが、2と3の機能がありません。 http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ha/ha-no5_2/ha-no5_2.htm 再現できるスクリプトを紹介して頂けると助かります。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • マウスカーソルに画像が追っかけてくる

    マウスカーソルに画像が追っかけてくるのを時々見かけます。 自分のページでも試してみましたがうまくいきません。 1つだけのページでは動作しましたが、フレームを使用しているため、別フレームにいくと切れてしまいます。 この「カーソルを画像が追っかけてくる」をフレームを越えて適用する方法はありませんか? ○使用したプログラム http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm ↑ここの「お遊び」→3.2「マウスカーソルを動かすと画像が付いて来ます。」です。 大小5個の☆の画像があり、大の☆マーク→小の☆マークとカーソルに付いて来ることで、流れ星のように見えるというものです。 フレームを設定するだけのファイルに載せてみましたがダメでした。 全フレームにプログラムを載せると表示した時にすべてのフレームに☆が表示されてしまいます。 どなたかご存知の方、参考URLでもかまいませんのでよろしくお願いします。

  • 複数行の文字列を1行にまとめる方法について

    下記の $str の文言を1行にまとめたいと思ったのですが、どうすればできるか分からないことがあったので、アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 なお、下記の条件を想定しています。 1. 行数は1行の事もあれば、複数行になる事もあります。 2. 行頭に空白文字が有る場合に連結したいと思います(下記のサンプルでは$strの2~4行目の行頭に空白文字があります)。 <?php $str = 'text/plain; name="=?iso-2022-jp?B?GyRCJCIkJCQmJCgkKiQrJC0kLyQxJDMkNRsoQg==?= =?iso-2022-jp?B?GyRCJDckOSQ7JD0kPyRBJEQkRiRIJEokSyRMJE0kTiRPJFIkVSRYJE4bKEI=?= =?iso-2022-jp?B?GyRCJF4kXyRgJGEkYiRkJCQkZiQoJGgkaSRqJGskbCRtJG8kJCQmJCgbKEI=?= =?iso-2022-jp?B?GyRCJCokcxsoQi50eHQ=?="'; // 上記を1行にして出力したいと思います。 // その際、行頭の空白文字は除去したいと思います。 echo $str; ?> 以上、よろしくお願いします。

    • ベストアンサー
    • PHP
  • HPビルダー11で2列×15行程度の表を「分断」する必要が生じそうです

    こんにちは。 ホームページビルダー11を使っています。OSはWIN VISTAです。初歩的な質問ですみません。2列×15行程度のタテ長の表を 作り、各セルに画像や文章を配置しました。事情があって、ある画像のセルと その直下の文章のセルとの間にスペース(空白)を作る必要が出て来ました。 ある画像のセルの真下にツールバーの「行の追加」で空白の行を作ったら、ページ編集画面上では空白部が生じますが、ブラウザ上では空白は認識出来ないようですね。こんな場合、何かの操作で表を「分断」するしか方法は ないのでしょうか?表が「分断」出来たら、エンターキーを押せば ブラウザ上でも認識出来るスペース(空白)が作れますが。 ある画像が配してあるセルと、その直下の文章が配してあるセルとの 境界線にカーソルを置いて右クリックしてもダメでした。 IBMの電話サポートにTELしたら「HPビルダーのバージョン11は既にサポート対象外」とのつれない返事でした。 よろしくお願い致します。

  • WORD・VBA、文字列変換

    知っている人には簡単なプログラムと思いますが、 参考書籍がないので全く組めません。 プログラム全文を教えてください。 環境は、Windows7、WORD2010 です。 次のような3行の原文があったとします。 あいうえお か{きく}けこ さしすせそ この原文のうち、 か{きく}けこ の行だけ手動で反転させておきます。 この状態でプログラムを走らせます。 プログラムは一瞬で終了します。 そして、任意の場所、たとえば、原文の2行下にカーソルを手動でもってきて Ctrl+V で手動でペーストすると、次のような文章が出現するプログラムを組みたいのです。 あいうえお か{きく}けこ さしすせそ か{  }けこ つまり、反転した文字列だけをメモリに取り込み、 メモリ内に取り込んだその文字列だけをプログラムにより操作しますので、 原文は操作を受けずそのままです。 そして、プログラムの機能は、 メモリに取り込んだ文字列内にある中かっこ{ }の中の文字(この例では「き」と「く」)を 同じバイト数の空白で置換するということです。 追伸: どこかの出版社がWORD・VBAの書籍を出してくれたら、こんな簡単な質問をしなくても済むのですが・・・。全文を聞くことが情けないことは百も承知です。それでもやはり全文を教えて下さい。

  • HP上の文章をWordで保存

    HP上で見つけた文章を右クリックでコピーしてwordに貼り付けると、段落や空白がバラバラで読み難い文章になります。1つ1つ削除しても良いのですが、長い文章だと大変です。これらを簡単に訂正する手段はありませんか? ちなみにword2000です