Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mauricio lanner

[Resolvido] jQuery como mudar de slide para fadein e fadeout

Recommended Posts

Como eu faço para mudar a animação do jQuery de slide para fadein e fadeout

Meu codigo

	<script type="text/javascript" src="js/jquery2.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
	$(document).ready(function(){	
		$("#slider").easySlider({
			auto: true, 
			continuous: true
		});
	});	
</script>

 

Ja tentei esse e não deu certo

$("#slider").fadeIn(500)(){
$("#slider").fadeOut(500)(){

é algo que escrevi de errado?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isto não resolve?

<script type="text/javascript" src="js/jquery2.js"></script>
<script type="text/javascript">
 $(document).ready(function(){   
   $("#slider").each({
     $(this).fadeIn();
     $(this).fadeOut();
   });
 });     
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvi baixando um novo codigo ficou assim

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
/* Classe padrão dos backgrounds */
var bgClass = "div.bg";
/* Prefixo para IDs dos backgrounds */
var bgPrefix = "background";
/* Tempo para fade in-out */
var fade = 3000;
/* Não precisa alterar estas =P */
var bgSize = $(bgClass).size();
var curSize = 1;
var timerSrc = "";
/* Mostra apenas o primeiro bg */
$(bgClass).hide();
$(bgClass + ':first').show();
/* Se houver divs com classes BG */
if (bgSize)
{
/* Inicia o loop dos backgrounds */
timerSrc = setInterval (function ()
{
/* Oculta um fundo e exibe outro */
$('#' + bgPrefix + curSize).fadeOut(2000);
curSize = (curSize >= bgSize) ? 1 : curSize + 1;
$('#' + bgPrefix + curSize).fadeIn(1000);
}, fade);
}
});
</script>
</head>

<div class="bg" id="background1"></div>
<div class="bg" id="background2"></div>
<div class="bg" id="background3"></div>
<div class="bg" id="background4"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.