jquery.simple-gallery.js

/*!
 * jQuery Simple Gallery Plugin v2.1
 * https://github.com/straube/simple-gallery
 *
 * Copyright 2013, 2014 Gustavo Straube
 */
;(function ($) {

    'use strict';

    $.fn.gallery = function (options) {

        return this.each(function () {
            var settings = $.extend({}, $.fn.gallery.defaults, options);
            var $gallery = $(this);
            var $images  = $gallery.find(settings.tag);
            var loop;

            // Local functions
            var show = function ($image) {
                $images.removeClass('current').fadeOut().promise().done(function () {
                    $image.addClass('current').fadeIn();
                });
            };

            $images.hide().first().show().addClass('current');

            $gallery.find('a').on('click', function (event) {
                var id = this.href.replace(/^[^#]*(#.*)?$/i, '$1');
                if (!id) {
                    return true;
                }
                event.preventDefault();
                window.clearInterval(loop);
                loop = null;
                show($images.filter(id));
            });

            if (settings.loop) {
                var interval = settings.interval * 1000;
                loop = window.setInterval(function () {
                    var $next = $images.filter('.current').next(settings.tag);
                    if ($next.length === 0) {
                        $next = $images.first();
                    }
                    show($next);
                }, interval);
            }
        });

    };

    $.fn.gallery.defaults = {
        tag      : 'figure',
        loop     : true,
        interval : 5
    };

    $(function () {
        var $simple = $('[data-gallery="simple"]');
        if ($simple.length) {
            $simple.gallery($simple.data());
        }
    });

})(jQuery);