slider jquery

[facevedodiaz]

buenos dias, quisiera me ayuden con un tema.

tengo un slider de imagenes

Código:

<div id="wrapper">
    	<div id="stage">
        	<div class="slider">
                                <img id="IMAGE0" src="imagenes/epf_01.jpg" style="height:150px;border-width:0px;" />
                                <img id="Image1" src="imagenes/epf_02.jpg" style="height:150px;border-width:0px;" />
                                <img id="Image2" src="imagenes/epf_03.jpg" style="height:150px;border-width:0px;" />
                                <img id="Image3" src="imagenes/epf_04.jpg" style="height:150px;border-width:0px;" />
		                    </div>

y tengo el jquery el cual programa que las imagenes cambien cada 5 segundos

Código:

<script language="JavaScript" type="text/javascript">
	$(document).ready(function () { 

	$(".slider").cycle({
        	fx: "fade",
			timeout:  5000 
    	});

hasta hay todo funciona perfecto.

mi gran problema es que al momento de cargar la pagina. se me vizualizan las 4 imagenes de forma rapida y luego vuelve a lo normal, es un pestañeo muy rapido.

quisiera saber como aser para que no suceda este pestañeo y no me muestre las 4 imagenes al cargar la pagina

[indie_rok]

Tienes que modificar el css donde este el div del slider y agregar el atributo display:none

Este es un ejemplo:

Código:

#image0,#Image1,#Image2,#Image3
{
      display:none
}

Si no funciona con display:none. Intenta con visibility:hidden

Saludos

[indie_rok]

Tienes que modificar el css donde este el div del slider y agregar el atributo display:none

Este es un ejemplo:

Código:

#image0,#Image1,#Image2,#Image3
{
      display:none
}

Si no funciona con display:none. Intenta con visibility:hidden

Saludos

[facevedodiaz]

gracias, con el diplay se me soluciono :)