Анимация картинки
 

Я новичок в javascript и у меня довольно простой вопрос. Как по клику на картинку сделать чтобы создавался новый экземпляр этой картинки и он сдвигался вправо.
P.S. и как сделать чтобы по клику картинка пропадала.

zoooN, у меня тоже вопрос простой:
- Сколько?

Вот это подойдёт, чтобы понять базовый принцип, надеюсь.

window.onload = function() {
	var img = document.createElement("img");
	img.onclick = function () {
		with(this.style) {
			left=Number(left.substr(0,left.length-2))+50+"px";
		}
	}
	img.ondblclick = function () {
		this.parentNode.removeChild(this);
	}
	with(img.style) {
		position = "absolute";
		top = "10px";
		left = "10px"
	}
	img.src="1.jpg";
	document.body.appendChild(img);
}

Картинку цепляем из javascript. По клику двигается вправо. По двойному клику удаляется. Положите в одной директории со скриптом картинку (по умолчанию 1.jpg).

Вот такой вопрос. я сделал движение и удаление заключив картинку в div и после этих действий у меня должен появиться div c другой картинкой на том месте, где был старый. Но он у меня появляется еще до того как вся анимация и удаление завершилось. Как мне это исправить?

function slideRight(){
			if(slided == 0){
				$(".block").animate({"left": "+=200px"}, "slow");
				$(".block").animate({ opacity: "hide" }, "slow");
				document.getElementById('pack').style.display="block";
			}
			slided=1;	
			
		}

По идее вот это document.getElementById("pack").style.display="blo ck" должно срабатывать после остального. Или я не прав?