画像の複製

画像の複製に問題がありました。たとえば、3つのユニークな画像を複製したいが、1つしか出てこない。あなたはまた、50ページの画像に達したときにコードを複製してウェブページ全体に50を作成して停止させることができますか？画像の複製

<div id="forest> 
    <img id="forest src="https://api.edmodo.com/files/717111094/download?f=8thtza1n3c1jcjcbz8zxjm6oy"/> 
</div>

ここにすべてのコード

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>RSS Earth Map</title> 
 
<style> 
 
body { 
 
\t background-image: url("https://api.edmodo.com/files/717111096/download?f=9k7y8m7if6dkcq345y53s4yp4"); 
 
} 
 
img { 
 
\t border: 0px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
<div id="cDunes"> 
 
\t <img src="https://api.edmodo.com/files/717111092/download?f=5xvdsuiuz1khl27tlrkqk9ihy"/> 
 
</div> 
 
<div id="eDunes"> 
 
\t <img src="https://api.edmodo.com/files/717111093/download?f=butw29huynzzfmr2khesrabmf"/> 
 
</div> 
 
<div id="forest> 
 
\t <img id="forest src="https://api.edmodo.com/files/717111094/download?f=8thtza1n3c1jcjcbz8zxjm6oy"/> 
 
</div> 
 
<div id="oasis"> 
 
\t <img id="oasis" src="https://api.edmodo.com/files/717111095/download?f=5zrg0l9f98ec2wak40fm2wkwi"/> 
 
</div> 
 
<script> 
 
var choose = Math.floor((Math.random() * 2) + 1); 
 

 
function createCDunes() { 
 
var cDunes = document.getElementById("cDunes"); 
 
var cln = cDunes.cloneNode(true); 
 
document.body.appendChild(cln); 
 
} 
 
function createEDunes() { 
 
var eDunes = document.getElementById("eDunes"); 
 
var cln2 = eDunes.cloneNode(true); 
 
document.body.appendChild(cln2); 
 
} 
 
function createForest() { 
 
var oasis = document.getElementById("oasis"); 
 
var cln3 = oasis.cloneNode(true); 
 
document.body.appendChild(cln3); 
 
} 
 
for (var line=1; line<60; line++) { 
 
    for(var i=1;i<29;i++) { 
 
\t if(choose == 1) { 
 
\t createCDunes(); 
 
\t } else if (choose == 2){ 
 
\t createEDunes(); 
 
\t } else { 
 
\t createForest(); 
 
\t } 
 
    } 
 
} 
 
</script> 
 
</body> 
 
</html>

出典

2016-12-10 Liam Sperry

まずあり、あなたは2つの二重引用符が欠落しているここにありがとうすべての第二に、choose確率変数は、一度割り当てられています。

for (var line = 1; line < 60; line++) { 
    for (var i = 1; i < 29; i++) { 
     var choose = Math.floor((Math.random() * 3)); 
     if (choose == 1) { 
      createCDunes(); 
     } else if (choose == 2) { 
      createEDunes(); 
     } else { 
      createForest(); 
     } 
    } 
}

また、私はランダムな方程式を少し変更しました。ここで

がいっぱい抜粋です：

function createCDunes() { 
 
    var cDunes = document.getElementById("cDunes"); 
 
    var cln = cDunes.cloneNode(true); 
 
    document.body.appendChild(cln); 
 
} 
 

 
function createEDunes() { 
 
    var eDunes = document.getElementById("eDunes"); 
 
    var cln2 = eDunes.cloneNode(true); 
 
    document.body.appendChild(cln2); 
 
} 
 

 
function createForest() { 
 
    var oasis = document.getElementById("oasis"); 
 
    var cln3 = oasis.cloneNode(true); 
 
    document.body.appendChild(cln3); 
 
} 
 
for (var line = 1; line < 60; line++) { 
 
    for (var i = 1; i < 29; i++) { 
 
    var choose = Math.floor((Math.random() * 3)); 
 
    if (choose == 1) { 
 
     createCDunes(); 
 
    } else if (choose == 2) { 
 
     createEDunes(); 
 
    } else { 
 
     createForest(); 
 
    } 
 
    } 
 
}

body { 
 
    background-image: url("https://api.edmodo.com/files/717111096/download?f=9k7y8m7if6dkcq345y53s4yp4"); 
 
} 
 
img { 
 
    border: 0px; 
 
}

<body> 
 
    <div id="cDunes"> 
 
    <img src="https://api.edmodo.com/files/717111092/download?f=5xvdsuiuz1khl27tlrkqk9ihy" /> 
 
    </div> 
 
    <div id="eDunes"> 
 
    <img src="https://api.edmodo.com/files/717111093/download?f=butw29huynzzfmr2khesrabmf" /> 
 
    </div> 
 
    <div id="forest"> 
 
    <img id="forest" src="https://api.edmodo.com/files/717111094/download?f=8thtza1n3c1jcjcbz8zxjm6oy" /> 
 

 
    </div> 
 

 
    <div id="oasis"> 
 
    <img id="oasis" src="https://api.edmodo.com/files/717111095/download?f=5zrg0l9f98ec2wak40fm2wkwi" /> 
 
    </div>

出典

2016-12-10 11:57:47

は、左から右に行くの画像を取得する方法はありますか？また、どのようにイメージをマージするのですか？ –

'divs'を削除してimg自身に同じIDを与えてください。 –

答えて

関連する問題