愚かな私をお助けください…。
現在、マウス操作で矢印を自由に作成するツールを作ろうと思い、その部分をjavascriptで行おうと思ってます。
矢印は一次元上にあり、イメージ的には数直線上で不等式の解を図解したものを縦にしたようなものです。
それで20×3pixのgif画像を、それぞれに
name="image" onmouseover="on_image(×)" onmouseout="off_image(×)" onClick="mouse_click()"
をくっつけて144個縦に並べてます(×は0~143の値が入ってます)。
配列変数'flag'を使い、矢印の始点(または終点)の位置に'1'、それ以外を'0'として、矢印を表示するように作りました。
それで、一応思ったとおりの動作はするのですが、どうもgifを144回読み込みに行っているようで、すご~く動作が遅くなってしまいます。
gif画像の先読みは行っているつもりなんですが、うまくいっていないのでしょうか?
ちなみに一度ブラウザの「戻る」ボタンを押し、再度「進む」ボタンを押した後は、画像を読みに行かずにサクサクと動きます。
原因がわかりません。配列変数がまずいのでしょうか?
ソースのどの部分が問題なのかわからないため、該当部分のソースを全て載せようと思いましたが、数制限に引っかかってしまったので、見づらくて申し訳ないのですが、その2に続かさせてください…。
すみません。
A 回答 (1件)
- 最新から表示
- 回答順に表示
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- マウス・キーボード マウスのないパソコン 9 2022/03/30 10:53
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Visual Basic(VBA) VBAで不特定枚数印刷をしたいです。 4 2022/08/02 07:30
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- PowerPoint(パワーポイント) パワーポイント。2つの矢印のワイプ&消滅の順番に実施、これの繰り返し 2 2023/07/25 09:13
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- 物理学 ベクトルと座標系につきまして 1 2022/04/03 06:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
空の配列に2次元配列の追加
-
React hooksが値を返して配列変...
-
javascriptからphpに配列データ...
-
配列の初期化
-
メソッドが返す配列オブジェク...
-
【JavaScript】オブジェクト型...
-
総当りの配列を返す関数の作成
-
JavaScript で配列の終わりまで...
-
JavaScriptで簡単なクイズを作...
-
functionから別のfunctionを実...
-
javascriptで自動計算フォーム...
-
日本語入力の禁止
-
URLの一部をコピーできるブック...
-
関数でy=g(x)のgとは何の略です...
-
google apps scriptの終了のさせ方
-
第3日曜日のみの日付を取得、...
-
HTML:Tableタグに対し、JavaScr...
-
javaScript textareaの一行あた...
-
Javascriptで引数の参照渡しか...
-
innerHTML実行後のイベント
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
C#テキストボックスの文字を配...
-
同じIDで定義した要素の配列を...
-
jspからjavascriptの変数引継ぎ
-
javascript 変数名の連結をしたい
-
React hooksが値を返して配列変...
-
undefinedを表示させない方法は...
-
javascriptで行を抽出したいです。
-
二次元配列の全要素の全要素を...
-
JavaScriptにおける[] とか :...
-
JavaScriptでの動的な多次元配...
-
順列生成アルゴリズムについて...
-
WSH(Jscript)でファイル一覧
-
JavaScriptからPHPに配列を渡す...
-
javascriptからphpに配列データ...
-
多次元配列から最大値を1行また...
-
textareaに入力されたデータを...
-
どうすればresponseText結果を...
-
オブジェクトから任意のプロパ...
-
フォーム入力値の重複チェック
おすすめ情報