Jump to content


Photo

Jquery fadeIns


  • Please log in to reply
2 replies to this topic

#1 antpower26

antpower26

    Member

  • Member
  • PipPip
  • 27 posts

Posted 22 August 2011 - 10:47 AM

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
  • 0

#2 Ben

Ben

    Administrator

  • Administrators
  • 5,658 posts
  • LocationChico, CA

Posted 22 August 2011 - 11:36 AM

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>

  • 0
Benjamin Falk
Falken Creative : Twitter

#3 antpower26

antpower26

    Member

  • Member
  • PipPip
  • 27 posts

Posted 22 August 2011 - 03:04 PM

Thanks Ben that works great:)
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users