2 * jQuery UI Thumbs 1.0.0 beta
4 * Creates an image thumbnail slideshow for an image tag when mouse is over.
6 * Copyright 2011, Călin-Andrei Burloiu
7 * Dual licensed under the MIT or GPL Version 2 licenses.
8 * http://jquery.org/license
14 (function( $, undefined ) {
16 $.widget( "ui.thumbs", {
17 version: "1.0.0 beta",
27 if (typeof(widget.element.data('src')) != 'undefined')
29 widget.options.src.concat(widget.element.data('src'));
32 widget.count = widget.options.src.length;
33 widget.defaultSrc = widget.element.attr('src');
35 widget._preloadImages();
38 .mouseover(function() {
41 widget.element.attr('src', widget.options.src[0]);
43 widget.intervalHandler = setInterval(function() {
44 widget.index = (widget.index + 1) % widget.count;
45 widget.element.attr('src',
46 widget.options.src[widget.index]);
47 }, widget.options.period);
50 .mouseout(function() {
51 clearInterval(widget.intervalHandler);
52 widget.element.attr('src', widget.defaultSrc);
56 _preloadImages: function() {
57 var images = new Array();
58 for (var i = 0; i < this.options.src.length; i++)
60 images[i] = new Image();
61 images[i].src = this.options.src[i];