problema con fadein en jquery

[chichote]

Hola, estoy haciendo un slideshow muy simple pero en vez de hacerlo con img lo estoy haciendo con el background de un div, ya que por encima se imprime texto, el punto es que no consigo darle fade a las transiciones, me hace el cambio brusco y no toma en cuenta el fade.

dejo el codigo por si alguien tiene una idea de como hacerlo.


saludos.

Código HTML:

<script language="javascript">
var bgArr = ["compania01.jpg", "compania02.jpg" ]; 
var i=0;

// Start the slide show
var interval = self.setInterval("swapBkgnd()", 6000)  

function swapBkgnd()
	{
	if (i>(bgArr.length-1) )
		{
		i=0
		$("#company").fadeIn(2000).css("background-image", "url("+bgArr[i]+")");
		}
	else
		{
		$("#company").fadeIn(2000).css("background-image", "url("+bgArr[i]+")"); 
		}
	i++;
	};

</script> 

saludos y gracias de antemano

[mayid]

probaste con .animate()?

[arthpix]

Iniciado por mayid

probaste con .animate()?

Tiene razón mayid. La función animate() sirve para realizar animaciones sobre propiedades css. Mientras que fadeIn() te sirve para mostrar elementos haciéndolos opacos.

[chichote]

si probe con animate, pero no es lo que busco, me estan pidiendo un fadein y fadeout, con animate logre que se desplace la imagen, pero no q se desvanesca.

gracias.

saludos.

[mayid]

El fadeIn no funciona a menos que antes uses un hide() o un fadeOut(). Si declaraste el CSS para ocultar el div, entonces el cambio va a ser brusco.


Che, y animate opacity? Podes alterar todo el css con animate.

http://api.jquery.com/animate/

[chichote]

Iniciado por mayid

El fadeIn no funciona a menos que antes uses un hide() o un fadeOut(). Si declaraste el CSS para ocultar el div, entonces el cambio va a ser brusco.


Che, y animate opacity? Podes alterar todo el css con animate.

Vamos a ver, gracias.