$(function () { function resizeAR(){ $('.aspect-ratio').each(function() { var $element = $(this); var desiredwidth = $element.attr('data-width'); var width = $element.width(); var desiredheight = $element.attr('data-height'); var ar= desiredheight / desiredwidth; var height = ar * width; console.log(desiredheight, width, desiredwidth, height); $element.animate({ height: height }, 1500 ); var $clampit = $element.parent().find('.clampit'); var $intro = $element.parent().find('.card-intro'); var $height =$intro.height(); console.log('height',$height); console.log('heightself',height); $clampit.lc_txt_shortener('...', $height); }); }; function resizeARKeepTrunc(){ console.log('hellee'); var $element = $('.aspect-ratio'); var desiredwidth = $element.attr('data-width'); var width = $element.width(); var desiredheight = $element.attr('data-height'); var ar= desiredheight / desiredwidth; var height = ar * width; console.log(desiredheight, width, desiredwidth, height); // $element.height(height); $element.animate({ height: height }, 1500 ); }; resizeAR(); $.fn.resized = function (callback, timeout) { $(this).resize(function () { var $this = $(this); if ($this.data('resizeTimeout')) { clearTimeout($this.data('resizeTimeout')); } $this.data('resizeTimeout', setTimeout(callback, timeout)); }); }; $(window).resized(resizeARKeepTrunc, 300); }); /*******************************************************************/ /* ftrtch dino */ /* [type: JS] [file:aspect-ratio] [45.201] DESIGN*/ /*******************************************************************/ /* 0.1 D>D */ /* db 155 */