developers/orbit-basic
2
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ray's changes, put the js for upload image component in a separate file

Browse Source
This commit is contained in:
Christophe Vilayphiou committed 2012-04-24 12:15:32 +08:00
1 parent b80339d704
commit 42aeaead93
2 files changed
+27 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/assets/javascripts/inc/jquery.imagesloaded.js
+26 -1
View File
@@ -109,4 +109,29 @@ $.fn.imagesLoaded = function( callback ) {
return deferred ? deferred.promise( $this ) : $this;
};
})(jQuery);
})(jQuery);
$(document).ready(function() {
$('.upload-picture').find('img').imagesLoaded(function(){
var picH = $('.upload-picture').width()/$('.upload-picture').find('img').width()*$('.upload-picture').find('img').height();
var imgMarginTop = ($('.upload-picture').height()-picH)/2;
var d = $('.upload-picture').height();
if(imgMarginTop>0){
imgMarginTop = 0;
d = picH;
$('.upload-picture').css({height:d})
}
$('.upload-picture').find('img').css({marginTop:imgMarginTop})
$('.upload-picture').each(function (i){
$(this).mouseenter(function(){
var h= picH;
$(this).stop().animate({height:h}, 500);
$(this).find('img').stop().animate({marginTop:0}, 500);
});
$(this).mouseleave(function(){
$(this).stop().animate({height:d}, 500);
$(this).find('img').stop().animate({marginTop:imgMarginTop}, 500);
});
});
});
});