antpower26 Posted August 22, 2011 Report Share Posted August 22, 2011 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 Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 22, 2011 Report Share Posted August 22, 2011 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> Quote Link to comment Share on other sites More sharing options...
antpower26 Posted August 22, 2011 Author Report Share Posted August 22, 2011 Thanks Ben that works great:) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.