• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

My Monkey Do

A Log of Coding Solutions

  • Home
  • Web Hosts
  • Tools
  • About

Fade in, fade out not smooth in jQuery

February 5, 2013 by Webhead

Problem:

I had a large banner with multiple layers and animation going on.  I was trying to fade out a 1000px+ by 400px or so image along with other moving objects.  In addition to that the image had some transparency in it, so some solutions of putting a background in it would not apply to this.  The problem was that the image would just disappear instead of fading.

Solution:

Use the animate jQuery function.  Once I changed to using the animate function the fade out worked perfectly.  I think the animate is faster because it does not change the visibility of an element.  In other words it does not hide or show the element.

Filed Under: Coding Tagged With: jquery

Primary Sidebar

Topics

apache apple block editor chrome cms css debug eCommerce embed firebug firefox git gmail goDaddy google hosting htaccess html html 5 IE crap image iPad iPhone javascript jquery linux localization macOS mac os x ms sql mysql open source optimize php php 7.2 rest api seo svg tinymce woocommerce wordpress wpengine xss yii youtube




Categories

  • Coding
  • Off the Shelf
  • Plugins
  • Random Thoughts
  • Server Stuff
  • Tools
  • Uncategorized