HTML+CSS+JavaScript

Хотел сделать так, чтобы была картинка превьюшка, а при нажатии на нее проигрывалась анимация - другой файл без перезагрузки страницы с помощью JS/ Как это сделать?

<img src="исходная картинка" onclick="this.src='новая картинка';"/>

Спасибою только я не правильно сформулиравал вопрос... картинка которая должна проигрываться это файл mov или флеш в котором можно крутить объекты
вставляется mov так:
<embed src="ext_high.mov" width="600" height="600"> </embed>

Тогда сделать надо так: исходную картинку нужно поместить в элемент div, который будет родительским по отношению только к этой картинки, этому диву назначить id.

<div id="x1" onclick="f1();"><img src="someimage"/></div> function f1() {      var element=document.getElementById("x1");      element.innerHTML='<embed src="ext_high.mov" width="600" height="600"> </embed>'; }

Метод innerHTML который вызван для элемента заменяет внутренее HTML-содержимое для этого элемента. В нашем случае <img src="someimage"/> заменяется на <embed src="ext_high.mov" width="600" height="600"> </embed>.
А вообще если вы знаете "Flash" то можно без картинки а сразу сделать флеш ролик в котором сначала появляется картинка а при нажатии на него запускается анимация. Просто при загрузки страницы загружается ее содержимое и картинка на которую надо нажимать, после нажатия на картинку начнется загружатся файл с анимацией а для этого требуется время. И если вы хотите сделать эффект перехода картинки в анимацию лудше воспользеватся флешем. Тогда не будет паузы после нажатия.

ТОгда mov нельзя будет крутить... там как то специально сделано что в mov файле можно крутить объект как обычно я это видел во флеше и других программах. Пробовал экспортировать что бы не потерять этот эффект, но не получилось.... скоре всего этого сделать нельзя, а возможно я плохо знаю флеш....

А как сделать чтобы при нажатии в месте в котором нт мовика он не начинал перезагружаться опять... у меня так в Интернет эксплорере делает...

А понял, это потому что я нажиаю на поле в пределах div. Спасибо большое.

Просто при кажндом нажатии на див срабатывает его обрабтчик события onclick, поэтому после первого нажатия его нужно отменить.

<div id="x1" onclick="f1();"><img src="someimage"/></div>
function f1()
{
var element=document.getElementById("x1");
element.innerHTML='<embed src="ext_high.mov" width="600" height="600"> </embed>';
element.onclick=null;
}

>ТОгда mov нельзя будет крутить... там как то специально сделано что в mov файле можно крутить объект как обычно я это видел во флеше и других программах. Пробовал экспортировать что бы не потерять этот эффект, но не получилось.... скоре всего этого сделать нельзя, а возможно я плохо знаю флеш....

Если под словом "крутить" вы имеете ввыду прокручивать изображение, то во флеше можно это делать с видеофайлами