antpower26 Posted August 22, 2011 Report 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
falkencreative Posted August 22, 2011 Report 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
antpower26 Posted August 22, 2011 Author Report Posted August 22, 2011 Thanks Ben that works great:) Quote
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.