Custom Icon with jQuery IAS plugin?

Question

I'm using the jQuery IAS plugin with the spinner extension to load posts from a paginated list of links. The docs specify src: '<image source>' as a way to link a custom loading gif, but I'd like to use an icon font spinner like this. Anyone know how I can achieve this without hacking the src file?

Answer 1

Given that you have already installed font awesome. Then you can override the html snippet for the spinner like this:

ias.extension(new IASSpinnerExtension({
  html: '<div class="ias-spinner" style="text-align: center;"><i class="fa fa-circle-o-notch fa-spin"></i></div>'
}));