Написал прогу , чтобы чувак мог фаерболы метать . Ограничил их количество , поставил им координаты , но они появляются где-то в стороне (только один появляется на позиции , со второго раза) и исчезает из них только один (тот самый) . Можете пожалуйста не только кинуть код , но и объяснить , в чём проблема .
Код :
var countoffireballs = 0;
var fireball = function(link1, link2, link3) {
var f3 = function() {
//id картинки - 1 , переменная с координатами - img
document.getElementById("1").src = link2;
};
var f4 = function() {
document.getElementById("1").src = link3;
$("body").append('<img src="fireball(small).png" , id="f" , left : 100 , top : 100>');
countoffireballs += 1;
if (countoffireballs > 1) {
$("#f").fadeOut(500);
};
};
document.getElementById("1").src = link1;
setTimeout(f3, 500);
setTimeout(f4, 1000);
setTimeout(f2, 1500);
// f2 возвращает исходную картинку
};
var leftfireball = function() {
fireball(fireballlink1, fireballlink2, fireballlink3);
//переменные с ссылками на изображения для своеобразных анимаций
$("#f").offset({
left: img.left - 20,
top: img.top + 60
});
};
var rightfireball = function() {
fireball(fireballlink1, fireballlink2, fireballlink3);
$("#f").offset({
left: img.left + 210,
top: img.top + 60
});
};
//кнопки созданы заранее
$("#fireballleft").click(leftfireball);
$("#fireballright").click(rightfireball);
