我如何緩衝圖像，當我想要顯示它，並且能夠移動它

-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

請從顯示到目前爲止你已經嘗試過什麼摘錄。 – 2012-01-10 23:50:40

你想修改什麼「設置」？你想要對圖像做什麼？讓它在頁面上飛行？調整它？把兔子拉出來？我們需要更多的細節才能夠幫助 – Ktash 2012-01-10 23:51:19

我終於找到了一個很棒的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圖像而不顯示：

變種IMG =新的圖像（）; img.src =「http：// PATH_TO_IMAGE」;

當需要時，您可以將此圖像元素附加到頁面上。

您可以添加一個img標籤到頁面，但將圖片設置爲不可見（可見性：隱藏），或使其非常小，例如1px x 1px。瀏覽器將加載圖像，繪製圖像插槽，但它是透明的。要使用這種方法，你需要確保你把這個圖像放在用戶不會注意到的地方。

來源

2012-01-10 23:56:10

如何將圖像設置爲可見？ – QxQ 2012-01-11 23:03:54

更改元素的樣式，例如：img {visibility：hidden;} – 2012-01-12 00:14:41

我如何緩衝圖像，當我想要顯示它，並且能夠移動它

回答

相關問題