ratio

gistfile1

function aspectRatioRespond(){
		mobileMax = 480;
		elements = jQuery('[data-ratio]');
		elements.each(function(){
			container = jQuery(this);
			var elRatio = container.data('ratio');
			var elMobileRatio = ( typeof container.data('mobile-ratio') == 'string' ) ? container.data('mobile-ratio') : container.data('ratio');
			if(container.width() < mobileMax){
				autoHeight = elMobileRatio;
			}else{
				autoHeight = elRatio;
			}
			ratio = autoHeight.match(/(\d+)\:(\d+)/);
			ratio = ratio[1] / ratio[2];
			container.height( container.width() / ratio );
		});
	}
	$(window).on('load resize orientationchange',aspectRatioRespond);
	aspectRatioRespond();