[英]display images from an array with different position (javascript)
<body onLoad="init()">
<div id="list">
<script>
function init() {
var items = [
{id:'cp',image:'images/lvlOne/cellphone.png',style:'position:absolute;top:20px;left:290px'},
{id:'nl',image:'images/lvlOne/necklace.png'},
{id:'teddy_bear',image:'images/lvlOne/teddy_bear.png'},
{id:'choco',image:'images/lvlOne/chocolate.png'}
];
var list = document.getElementsByTagName('div');
for(i = 0; i < 3; i++) {
var item = items(Math.floor(Math.random() * items.length), 1)[0];
var image = document.createElement('img');
image.src = item.image;
list.appendChild(image);
}
}
</script>
</div>
</body>
我可以檢索隨機圖像,但不能指定它們的位置。
他們隨機化,但我無法改變他們的立場。 我嘗試了內聯CSS,但是不幸的是它對我不起作用。
好吧,我看不到您設置樣式
if (item.style) {
image.setAttribute("style", item.style);
}
您加載項目的方式也看起來不正確,請嘗試:
var random_item_key = Math.floor(Math.random() * items.length),
item = items[ random_item_key ];
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.