彈出圖像並隱藏所有索引

我在製作遊戲（學習和實驗目的）。我想在遊戲中像一個「彈出」圖像，當你失去時，我試圖隱藏所有的divs，但不工作... 我想要做的是當你失去了圖像顯示在同一屏幕上，例如臉書圖片或推特，背景消失和圖像顯示。在我的遊戲，當有人失去，我添加了一個形象，但它似乎是這樣的：當有人在遊戲中失去彈出圖像並隱藏所有索引

 function show_image() { 
     var img = document.createElement("img"); 
     img.src = 'images/firstblood.png'; 
     img.width = 300; 
     img.height = 300; 

     // This next line will just add it to the <body> tag 
     document.body.appendChild(img); 
    }

上述函數被調用。

來源

2016-02-05 Carlos Montiel

你能提供你的代碼樣本嗎？ –

@VinnyMannello已經做了 –

那麼目前的結果是什麼？它是否一半工作？ –

你想要實現的遠遠不只是追加一個圖像做你的HTML DOM。

我知道你想保持簡單，但只是爲了它，結帳AngularJS' ngShow。這將隱藏或顯示您的DOM結構中的元素，只要你想要它們。

在this snippet of code中提供了一個非常簡單的解決方案。它注入了基本的JQuery庫，它提供了輕鬆顯示彈出窗口的功能。只要按照代碼片段中的代碼，你應該很好去。

來源

2016-02-05 21:55:48 JordyV

這是爲我工作。 –

@CarlosMontiel樂於助人。如果你仍然在尋找那個褪色的背景，看看[這段代碼片段]（http://jsfiddle.net/Tyriar/zrMTd/2/）。 – JordyV

彈出圖像並隱藏所有索引

回答

相關問題