Estoy teniendo problemas para encontrar un simple intercambio de imágenes jquery. La mayoría de los ejemplos que he encontrado son más complejos de lo que necesito, y hacen cosas que no quiero.

Objetivo: Tengo 5 imágenes que quiero fundir, deslizar, etc. Me encantaría fundir / disolver de una imagen a otra, pero la diapositiva también estaría bien. Cuando se carga la primera página, quiero que la primera imagen se muestre durante 4 segundos ... luego se desvanece a la siguiente imagen, 4 segundos, luego a la siguiente, etc. Bucle infinito.

Actualmente mi código es un simple intercambio de imagen, no muy elegante:

document.getElementById("imgMain").src = "images/yurt/sleigh.png";

¿Cuál es la mejor y más simple manera de lograr esto?