/* * jquery.appear * https://github.com/bas2k/jquery.appear/ * http://code.google.com/p/jquery-appear/ * * copyright (c) 2009 michael hixson * copyright (c) 2012 alexander brovikov * licensed under the mit license (http://www.opensource.org/licenses/mit-license.php) */ (function($) { $.fn.appear = function(fn, options) { var settings = $.extend({ //arbitrary data to pass to fn data: undefined, //call fn only on the first appear? one: true, // x & y accuracy accx: 0, accy: 0 }, options); return this.each(function() { var t = $(this); //whether the element is currently visible t.appeared = false; if (!fn) { //trigger the custom event t.trigger('appear', settings.data); return; } var w = $(window); //fires the appear event when appropriate var check = function() { //is the element hidden? if (!t.is(':visible')) { //it became hidden t.appeared = false; return; } //is the element inside the visible window? var a = w.scrollleft(); var b = w.scrolltop(); var o = t.offset(); var x = o.left; var y = o.top; var ax = settings.accx; var ay = settings.accy; var th = t.height(); var wh = w.height(); var tw = t.width(); var ww = w.width(); if (y + th + ay >= b && y <= b + wh + ay && x + tw + ax >= a && x <= a + ww + ax) { //trigger the custom event if (!t.appeared) t.trigger('appear', settings.data); } else { //it scrolled out of view t.appeared = false; } }; //create a modified fn with some additional logic var modifiedfn = function() { //mark the element as visible t.appeared = true; //is this supposed to happen only once? if (settings.one) { //remove the check w.unbind('scroll', check); var i = $.inarray(check, $.fn.appear.checks); if (i >= 0) $.fn.appear.checks.splice(i, 1); } //trigger the original fn fn.apply(this, arguments); }; //bind the modified fn to the element if (settings.one) t.one('appear', settings.data, modifiedfn); else t.bind('appear', settings.data, modifiedfn); //check whenever the window scrolls w.scroll(check); //check whenever the dom changes $.fn.appear.checks.push(check); //check now (check)(); }); }; //keep a queue of appearance checks $.extend($.fn.appear, { checks: [], timeout: null, //process the queue checkall: function() { var length = $.fn.appear.checks.length; if (length > 0) while (length--) ($.fn.appear.checks[length])(); }, //check the queue asynchronously run: function() { if ($.fn.appear.timeout) cleartimeout($.fn.appear.timeout); $.fn.appear.timeout = settimeout($.fn.appear.checkall, 20); } }); //run checks when these methods are called $.each(['append', 'prepend', 'after', 'before', 'attr', 'removeattr', 'addclass', 'removeclass', 'toggleclass', 'remove', 'css', 'show', 'hide'], function(i, n) { var old = $.fn[n]; if (old) { $.fn[n] = function() { var r = old.apply(this, arguments); $.fn.appear.run(); return r; } } }); })(jquery); (function($) { $.fn.countto = function(options) { // merge the default plugin settings with the custom options options = $.extend({}, $.fn.countto.defaults, options || {}); // how many times to update the value, and how much to increment the value on each update var loops = math.ceil(options.speed / options.refreshinterval), increment = (options.to - options.from) / loops; return $(this).each(function() { var _this = this, loopcount = 0, value = options.from, interval = setinterval(updatetimer, options.refreshinterval); function updatetimer() { value += increment; loopcount++; $(_this).html(value.tofixed(options.decimals)); if (typeof(options.onupdate) == 'function') { options.onupdate.call(_this, value); } if (loopcount >= loops) { clearinterval(interval); value = options.to; if (typeof(options.oncomplete) == 'function') { options.oncomplete.call(_this, value); } } } }); }; $.fn.countto.defaults = { from: 0, // the number the element should start at to: 100, // the number the element should end at speed: 1000, // how long it should take to count between the target numbers refreshinterval: 100, // how often the element should be updated decimals: 0, // the number of decimal places to show onupdate: null, // callback method for every time the element is updated, oncomplete: null, // callback method for when the element finishes updating }; })(jquery);