[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

[Ben]

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:)