ещё вариант )))
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);
})
});