Скрипт смены картинки из форм
Я хочу сделать манекен и мне нужно написать скрипт для смены картинки из нескольких форм. Кто знает подскажите как это сделать. Пример как это должно работать
|
Может быть, попробовать сделать как-то так?
function humanFactory(params) { var body, amulet, amuletClass; body = document.createElement('div'); body.setAttribute('class', 'human-body'); if (params.amulet) { amulet = document.createElement('div'); amuletClass = 'human-body-amulet human-body-amulet-' + params.amulet; amulet.setAttribete('class', amuletClass); body.appendChild(amulet); } return body; } А изображения и позиционирования задать в CSS. |
ну а чего бы просто не понасоздавать заранее объекты Image а потом удалять предыдущий из div'a и ставить новый, код будет примерно такой:
image_obj1 = new Image(); image_obj2 = new Image(); image_obj3 = new Image(); image_obj1.src = '/img/1.png'; image_obj2.src = '/img/2.png'; image_obj3.src = '/img/3.png'; ну и затем ставим объекты в div с id например img_insert var elem_div = document.getElementById("img_insert"); if(elem_div.hasChildNodes()) { elem.removeChild(elem.firstChild); } // ставим имгу которая нужна elem_div.appendChild(image_obj1); естественно это все обернуть в функцию и вызывать в соответствии с тем что выбрал юзер и еще неплохо бы на каждое изображение поставить image_obj1.onload = function(){ // это изображение загрузилось, ставим какую-то переменную } и проверить так загрузку всех изображений |
Что то я не совсем понял, можно поподробней как это всё складывается?
|
Часовой пояс GMT +3, время: 09:17. |