Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 5th, 2012  |  syntax: None  |  size: 1.26 KB  |  hits: 29  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Internet Explorer Animation Fix
  2. if( jQuery('body').hasClass('ie8') || jQuery('body').hasClass('ie7') || jQuery('body').hasClass('ie9')) {
  3. var projectImages = jQuery('.project-panel-overlay').siblings('img');
  4.  
  5. projectImages.hover(
  6. function() {
  7.     jQuery(this).animate({
  8.     opacity: .4
  9.     }, 300);
  10. },
  11. function() {
  12.     jQuery(this).animate({
  13.     opacity: 1
  14.     }, 300);
  15. }
  16. );
  17.        
  18. jQuery('.hitbox').live('mouseenter',function(){
  19.     jQuery(this).children('img').animate({
  20.     opacity: .4
  21.     }, 300);
  22. });
  23.  
  24. jQuery('.hitbox').live('mouseleave',function(){
  25.     jQuery(this).children('img').animate({
  26.     opacity: 1
  27.     }, 300);
  28. });
  29.        
  30. <div class="project-panel">
  31.                     <a class="hitbox" href=http://jpgalea.com/eco/projects/kangaroo-ground/>
  32.                     <div class="project-panel-overlay">
  33.                         <div class="project-panel-intro">
  34.                             <p class="name">Kangaroo Ground</p>
  35.                             <p class="year">2011/2012</p>
  36.                         </div>
  37.                     </div>
  38.  
  39.                     <img width="235" height="446" src="http://jpgalea.com/eco/wp-content/uploads/2012/01/featured41.jpg" class="attachment-featured-image-project wp-post-image" alt="" title="" />                    </a>
  40.                 </div>
create a new version of this paste RAW Paste Data