В общем нашел решение на CSS со спаном.
Работает неплохо, но немного не то что нужно, а именно - когда выводится вторая картинка, то первая не убирается, а остается в фоне и если вторая меньше размером чем первая, то выглядит криво.
Короче говоря был бы рад решению на JS, кто сделает - получит немного вмр на пиво
Повторю задание:
Есть картинка N1
Есть картинка N2
Нужно чтобы когда человек наводил курсор на картинку N1, то она через 5 секунд менялась на картинку N2 (желательно плавно)
Если курсор "простоял" на картинке менее 5 секунд, значит отменяем смену картинки.