Galería nivo-slider con problemas de carga

[ceaped]

Hola quike88
Ya identifiqué porque se cargaban todas las imagenes al abrir la página y era porque me faltaba ponerle class="nivoSlider" así:

Código HTML:

<div id="slider" class="nivoSlider">
 

este es el estilo que debería mostrar la precarga:

Código CSS:

.theme-default .nivoSlider {
    position:relative;
    margin-bottom:50px;
 
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
    background-color: #fff;
    background-image: url(../../images/nivo_slider/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
 

Pero sucede que no se me ve la precarga.
No es la ruta del estilo "loading.gif"
Como hago para que se visualice la precarga?

Gracias por tu ayuda