gly-gallery.js

/* Gallery */
function GLY (gallery, galleryItems, options) {
	var $ = window.$ || window.jQuery;

    // Images Parser
    var imagesParser = function() {
        if (options.imagesParser) {
            return options.imagesParser;
        }

        return function() {
            return {
                src: $(this).attr('src'),
                srcset: $(this).attr('srcset')
            };
	    };
    };

    // Select Image Parser
    var selectImageParser = function(img) {
		if (options.selectImageParser) {
            return options.selectImageParser(img);
        }
        
        return {
			src: img.attr('src'),
			srcset: img.attr('srcset')
		};
	};

	// Images
	var images = $(galleryItems + ' img').map(imagesParser()).get();

    console.log(images);

	// Images Index
	var imagesIndex = images.length - (images.length-1);

	// Change Image
	var changeImage = function(img) {
		$(gallery).attr('src', img.src);
		$(gallery).attr('srcset', img.srcset);
	};

	// Select Image
	var selectImage = function(e) {
		e.preventDefault();

		var img = $(e.target);
		changeImage(selectImageParser(img));
		
		scrollToGallery();
	}

	// Scroll to Gallery
	var scrollToGallery = function() {
		$('html, body').animate({
	        scrollTop: $(gallery).offset().top - 80
	    }, 300);
	};

	// Next Image
	var next = function() {
		if (imagesIndex === images.length) imagesIndex = 0;
		changeImage(images[imagesIndex]);
		imagesIndex += 1;

		scrollToGallery();
	}

	// Previous Image
	var prev = function () {
		//some code

		scrollToGallery();
	}

	// Tap Image
	var tapImage = function(e) {
		e.preventDefault();
		next();
	};

	// Select Image Event Listener
	$(galleryItems + ' a').on('click', selectImage);

	// Tap Image Event Listener
	$(gallery).on('click', tapImage);

	// Keyboard Events
	$(document).keydown(function(e) {
	    switch(e.which) {
	        case 37: prev(); // left
	        break;

	        case 39: next(); // right
	        break;

	        default: return; // exit this handler for other keys
	    }
	    e.preventDefault(); // prevent the default action (scroll / move caret)
	});
}