ещё вариант )))
jQuery.noConflict();
jQuery(document).ready(function( ){
jQuery('.rel')
  .on('mouseenter',"img", function() {
        jQuery(this).stop().animate({opacity: "0.8"}, 300);
  })
  .on('mouseleave',"img", function() {
        jQuery(this).stop().animate({opacity: "1"}, 300);
  })
                    });