jQuery Roundup: 1.6.3 RC1, Spin.js, imagesLoaded

30 Aug 2011 | By Alex Young | Tags jquery plugins ui

Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jQuery 1.6.3 RC1

jQuery 1.6.3 RC1 is out, which means the team is looking for feedback. The preferred way to submit bug reports is jsFiddle using the jQuery (edge) option.

The requestAnimationFrame has been removed to avoid problems caused when browsers schedule animations for hidden tabs. An XSS attack vector has been fixed by stopping HTML passed to $() from being evaluated if a # precedes the expression. HTML5 attribute support has also been improved.

Spin.js

Spin.js (GitHub: fgnass / spin.js, License: MIT) by Felix Gnass is a small JavaScript library with no dependencies that creates spinners using CSS3 (or VML for Internet Explorer). I seem to remember a similar thing appearing on 37signals’ blog a year ago, but this library makes it easy for anyone to drop spinners into a page with little trouble.

The author also has a suggested jQuery plugin wrapper in the documentation:

$.fn.spin = function(opts) {
  this.each(function() {
    var $this = $(this),
        spinner = $this.data('spinner');

    if (spinner) spinner.stop();
    if (opts !== false) {
      opts = $.extend({color: $this.css('color')}, opts);
      spinner = new Spinner(opts).spin(this);
      $this.data('spinner', spinner);
    }
  });
  return this;
};

jQuery imagesLoaded

jQuery imagesLoaded (GitHub: desandro / imagesloaded) by David DeSandro (and based on a script by Paul Irish) is a small plugin for tracking when images have loaded inside a parent element. You get a callback which receives an array of images:

$('selector').imagesLoaded(function($images) {
  // Callback
});

blog comments powered by Disqus