как сделать плавный переход для onmouseover
 

Есть скрипт
<img SRC="/images/Project1-4.png"
onmouseover="this.src='/images/Project1.png'";
onmouseout="this.src='/images/Project1-2.png'"
onclick=imgchange(this,"/images/Project1.png","/images/Project1-2.png")>
<script>
var x=false
function imgchange(obj,imgX,imgY) {
if (x){
obj.src=imgX
} else {
obj.src=imgY
}
x=!x
}
</script>

Нужно onmouseover и onmouseout сделать плавный переход. У onmouseover резкий переход, а хотелось бы плавненько).

Делайте нормально: объедините все нужные изображения в один спрайт и меняйте background-position с помощью hover в CSS.

Да, конечно это первое решение, которое у меня было... но вот проблема... мне нужно еще 3-е изображение... Пробовал visited, но не могу понять... почему то этот тег у меня не работает... Так что пришлось пользовать js

:active