Conflicto con varios "background-image" ????

[pendej]

Buenas

Tengo una web donde deberian aparecerme unas imagenes de fondo e ir alternandose.

El codigo correspondiente es:

Código:

<div id="outer">
<div id="slides" class="index.html">
<div class="slide" style="background-image: url(/fondos/girl9.jpeg);"></div><div class="slide" style="background-image: url( /fondos/background3.jpeg ); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background4.jpg); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background2.jpg); opacity: 0.995445;"></div><div class="slide" style="background-image: url(/fondos/background5.jpg); opacity: 0.00455529;"></div>
</div>

Donde de ahi, las diferentes estilos que influyen son:

Código HTML:

#outer {width: 100%; height: 100%; background: url(/imagenes/page-bg.jpg) top center repeat-x; position: relative; color: #999; z-index: 0;}
#slides {position:absolute; z-index:-100; width:100%; left: 0; top: 0; min-height:900px; overflow:hidden; }
.slide {overflow:hidden; background-position:50% 0; display: block; height:900px; width:100%; background-repeat:no-repeat; position:absolute; top:0; right: 0%; margin: 0; padding: 0;}

Pero NO me funciona. ¿Qué está mal?

[flashmax]

Sin ver el código completo como el js u otros sera difícil pero prueba con esto:

Código:

<div id="outer">
<div id="slides">
<div class="slide"><img src="background-image: url(/fondos/girl9.jpeg" /></div>
<div class="slide"><img src="background-image: url(//fondos/background2.jpeg" /></div>
<div class="slide"> <img src="background-image: url(/fondos/background3.jpeg" /></div>
<div class="slide"><img src="background-image: url(/fondos/background4.jpeg" /></div>
<div class="slide"><img src="background-image: url(/fondos/background5.jpeg" /></div>
</div>

[pendej]

Lo raro es que si tengo las imagenes sueltas en la misma carpeta SI me funciona.
Es decir, este código funciona:

Código HTML:

<div class="slide" style="background-image: url(Girl9.jpeg);"></div><div class="slide" style="background-image: url( background3.jpeg ); opacity: 0;"></div><div class="slide" style="background-image: url(background4.jpg); opacity: 0;"></div><div class="slide" style="background-image: url(background2.jpg); opacity: 0.995445;"></div><div class="slide" style="background-image: url(background5.jpg); opacity: 0.00455529;"></div> 

Y este NO

Código HTML:

<div class="slide" style="background-image: url(/fondos/girl9.jpeg);"></div><div class="slide" style="background-image: url( /fondos/background3.jpeg ); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background4.jpg); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background2.jpg); opacity: 0.995445;"></div><div class="slide" style="background-image: url(/fondos/background5.jpg); opacity: 0.00455529;"></div> 

Ya he intentado poner la ruta de todas las maneras posibles creo, pero no funciona :( Realmente puede depender del js ?

[pendej]

SOLUCIONADO.

Gracias flashmax por el intento.
Finalmente lo que pasaba es que debían compartir carpeta los .js y las imagenes. Por eso en algunas pruebas salía bien y en otras no.