Truncates the text of an element till the elements fits the given size using jQuery. But instead of just cutting the last characters it takes it from the middle which is more useful in most cases.

truncate.js

function truncate(elem, size){
  var text = elem.text(), mid = Math.round(text.length/2), i = 0;
	while(elem.width() > size){
		i++;
		var newText = text.substr(0,mid-1*i)+'…'+text.substr(mid+1*i, text.length);
		elem.text(newText);
	}
}

Example:

<span class="title">summerholidays2012_IMG_3232</span>
<script>
    truncate($('.title'), 100)
</script>

Result:

<span>summerhol...IMG_3232</span>

jQuery plug-in style:

// Only works on inline elements!
;(function($) {
    $.fn.truncate = function(size) {
        return this.each(function () {
            var elem = $(this), text = elem.text(), mid = Math.round(text.length/2), i = 0;
            while(elem.width() > size) {
                i++;
                var newText = text.substr(0,mid - 1 * i) + '…' + text.substr(mid + 1 * i, text.length);
                elem.text(newText);
            }
        });
    };
})(jQuery);