ready se ejecuta al completar el DOM, por eso en línea se retraza y no en localhost, lo que debes hacer es establecer directamente las propiedades con CSS antes de recurrir a javascript
:
Código:
.foto2,
.foto1{
display:none;/*o usas visibility:hidden; (uno de dos)*/
}