отображать изображения из массива с разным положением (javascript)

Question

отображать изображения из массива с разным положением (javascript)

0

<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>

Я могу получить случайные изображения, но я не могу указать их позицию.

Они рандомизируются, но я не могу изменить свое положение. Я попробовал inline css, но, к сожалению, это не работает для меня.

sabrina mendoza 09 янв. 2014, в 16:33

Источник

Теги:

javascript

html

css

2 ответа

Ещё вопросы

epascarello · Answer 1 · 2014-01-09T13-42-00.000Z

Ну, я не вижу, чтобы вы настраивали стиль

if (item.style) {
    image.setAttribute("style", item.style);
}

JakOR · Answer 2 · 2014-01-09T12-40-00.000Z

То, как вы загружаете элемент, также выглядит некорректно, попробуйте:

var random_item_key = Math.floor(Math.random() * items.length),
    item = items[ random_item_key ];