Using FitText jquery plugin to resize text

Question

I'm trying to use the FitText jquery plugin to get resize some text. The problem is that the text only gets blown up after a window resize event. ``` // Resizer() resizes items based on the object width divided by the compressor * 10 var resizer = function () { $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); }; // Call once to set. resizer(); ``` It looks like the script calls the "resizer" function at least once initially. Am I missing something here? This is how I'm using the script: ``` ``` I'm pretty new at this stuff and really just trying to throw things together so any help will be much appreciated. EDIT I should have been more specific in my description of the issue. I am attempting to utilize FitText within the caption box of a FlexSlider. I was able to get Ankit's…

Accepted Answer

In case anyone's interested, you can solve this problem now using a flexslider callback like so:

```
$('.flexslider').flexslider({
  animationLoop: true,
  directionNav: false,
  start: function(){$(".fittext").fitText();},
  after: function(){$(".fittext").fitText();}
});
```

Using FitText jquery plugin to resize text

Solution

Problem