イメージをバッファリングして表示したいときに表示し、イメージを移動できるようにする方法

-2

私はこれを永久に見ましたが、どうやって解決するのか分かりません。私がした最高のものは、HTMLでイメージされています。 document.getElementById()を使用してテキストを変更するようにした後に画像設定を編集しようとしましたが、動作させることができませんでした。イメージをバッファリングして表示したいときに表示し、イメージを移動できるようにする方法

私のコードこれを行うには、これまで...

function run() { 
    x++; 
    y++; 
    if (x==10 || x==30) { 
     exmp.visibility = show //doesn't work 
    } 
    if (x==20 || x==40) { 
     exmp.visibility = hidden //doesn't work 
    } 
    if (x==50) { 
     x=0 
     y=0 
    } 
    document.getElementById("exmp").style = "position:absolute; TOP:0px; LEFT:0px; WIDTH:239px; HEIGHT:74px" //doesn't work 
} 
x=0 
y=0 
document.write("<div ID=\"exmp\"; STYLE=\"position:absolute; TOP:0px; LEFT:0px; WIDTH:239px; HEIGHT:74px\"> <IMG SRC=\"exmp.png\"; alt=\"image\"> </div>"); 
setInterval(run,33);

出典

2012-01-10 QxQ

あなたがこれまでに試した何からの抜粋を表示してください。 –

「設定」とは何ですか？あなたはイメージで何をしたいですか？ページの周りを飛んでみましょうか？サイズを変更しますか？ウサギを引き出しますか？私たちは助けることができるように詳細が必要です – Ktash

私は最終的に、動画の上に素晴らしいJavaスクリプトチュートリアルを見つけて、私が望むときにそれらを表示させました。（http://www.openjs.com/tutorials/advanced_tutorial/moving.php）

私の作業コード：

<html> 

<head> 
<title>Image Mover</title> 
<style> 
DIV.movable { position:absolute; } 
</style> 
</head> 

<body> 
<div ID="exmp"; class = "movable";> 
<IMG SRC="exmp.png"; alt="image"/> 
</div> 
<script type="text/javascript"> 
document.getElementById("exmp").style.visibility='hidden'; 

function run() { 
    pos++; 
    if (pos==10 || pos==30) { 
     document.getElementById("exmp").style.visibility='visible'; 
    } 
    if (pos==20 || pos==40) { 
     document.getElementById("exmp").style.visibility='hidden'; 
    } 
    if (pos==40) { 
     pos=0; 
    } 
    //document.getElementById("exmp").style = "position:absolute; TOP:" 
    //  +pos+"px; LEFT:"+pos+"px; WIDTH:239px; HEIGHT:74px"; 
    document.getElementById("exmp").style.left = pos+"px"; 
    document.getElementById("exmp").style.top = pos+"px"; 
    //STYLE="position:absolute; TOP:0px; LEFT:0px; WIDTH:239px; HEIGHT:74px" 
} 
pos=0; 
setInterval(run,33); 

</script> 
</body> 
</html>

出典

2012-01-13 18:27:50 QxQ

いくつかの方法。

あなたはそれを表示せずにJavaScriptを使用して画像をキャッシュすることができます

するvar IMGを=新しいイメージ（）; img.src = "http：// PATH_TO_IMAGE";

必要に応じて、このイメージ要素をページに追加できます。

ページにimgタグを追加できますが、画像を非表示（表示：非表示）に設定するか、1px x 1pxなどのように非常に小さくします。ブラウザはイメージを読み込み、イメージスロットを描画しますが、透明です。この方法を使用するには、このイメージをユーザーが気付かない場所に置くことを確認する必要があります。

出典

2012-01-10 23:56:10

画像を表示するにはどうすればいいですか？ – QxQ

要素のスタイルを変更します。例：img {visibility：hidden;} –

イメージをバッファリングして表示したいときに表示し、イメージを移動できるようにする方法

答えて

関連する問題