JS Javascript – Imágenes cambiantes SOLUCIONADO

No, estas viendo como hacerlo con transition y hover, pero puedes hacerlo solo con css (que ira mas rapido y con menos problemas) con @keyframes metiendo las imagenes en un div, les pones a la imagenes la propiedad absolute y varias la opacidad con @keyframes. Es un poco farragoso pero no es complicao.

Si lo haces con js tal y como lo estas planteando tendras que duplicar el js y editar tanto el id como las imagenes que tenga que cargar. Puedes llamarlo cambia2 y hacer
function inicio() { setInterval(cambia, 3000); setInterval(cambia2, 3000); }

Es mas logico y eficiente hacerlo con parametros pero hay que saber un poco de js.

Lo de main si que no lo pillo bien, no encuentro ninguna clase con .% como dices tu pero si encuentro esto: ".\31" ¿sustituyo eso por ".t30"? es decir, ¿sustituyo la / por la t ?

Para el JS que tienes, evidentemente que las otras fotos deben de tener un ID diferente.

document.getElementById("fotocambia").src="fotos/una.jpg";

En este caso tendrías que repetir toda la función, pero no es larga. Lo ideal sería llamar una misma función con distinto parámetro.
---
Otras opciones para cambiar imágenes es usar CSS animations, explora eso.
https://www.google.com.mx/search?q=css+transition+images
https://www.google.com.mx/search?q=css+animation+multiple+images
---
Y una más elaborada es usar un slider. Considero que el mejor slider es JssorSlider, pero probablemente es demasiado para lo que estás haciendo.

Hola @violeta_mateu por favor no dupliques hilos. Te borro el otro.
¡Saludos!