Jquery fadeIns

[antpower26]

Hi

I am just coding in jquery for the first time :script type="text/javascript">

 

$(document).ready(function(){

$("#appearingduo").fadeIn('slow', function () {

// fade has finished

});

});

</script>

</head>

The syntax is a little confusing, for that reason. on my current build I am trying to fade in an image, it is working, but I would like the fade in to slow down to

say around 2 seconds, I am having trouble making this happen, please help:))))

 

 

Ant

[falkencreative]

The jquery documentation is pretty helpful for this sort of thing: http://api.jquery.com/fadeIn/

 

To adjust the speed, change 'slow' to a number of milliseconds:

 

<script type="text/javascript">
$(document).ready(function(){
  $("#appearingduo").fadeIn(2000, function () {
  // fade has finished
  });
});
</script>

Also, keep in mind that if you don't need any sort of javascript action after the fade has finished, you can drop the "function()" section like this:

 

<script type="text/javascript">
$(document).ready(function(){
  $("#appearingduo").fadeIn(2000);
});
</script>

[antpower26]

Thanks Ben that works great:)