Скрипт смены картинки из форм
Я хочу сделать манекен и мне нужно написать скрипт для смены картинки из нескольких форм. Кто знает подскажите как это сделать. Пример как это должно работать
|
Может быть, попробовать сделать как-то так?
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, время: 00:54. |