https://rangr.com/javascript/scripts.min.js

1'use strict';
2
3$(document).ready(function(){
4
5	var Engine = {
6
7			ui: {
8
9				fullScreenGallery : function(){
10
11					var $imageDataWrap = $('.full-screen-gallery-images'),
12						$images = $imageDataWrap.find('li'),
13						$slides = [];
14
15						$images.each(function(){
16							var dataThumbNail = $(this).data('thumbnail'),
17								dataCaption = $(this).data('caption'),
18								dataImage = $(this).find('img').attr('src');
19								//console.log('thumb: '+dataThumbNail);
20								//console.log('caption: '+dataCaption);
21								//console.log('large image: '+dataImage);
22
23								$slides.push({
24									image : dataImage,
25									title : dataCaption,
26									thumb : dataThumbNail
27								});
28						});
29
30						$.supersized({
31								slide_interval          :   3000,		// Length between transitions
32								transition              :   1,			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
33								fit_always				: 	1, 			
34								//fit_landscape			: 	1,
35								//fit_portrait			: 	1,
36								thumbnail_navigation	: 	0,
37								pause_hover 			: 	1,
38								transition_speed		:	700,		// Speed of transition
39																		   
40								// Components							
41								slide_links				:	false,	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
42								slides					: 	$slides,
43								/*
44								slides 					:  	[			// Slideshow Images
45									{image : 'assets/img/gallery/1.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/1.jpg'},
46									{image : 'assets/img/gallery/2.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/2.jpg'},  
47									{image : 'assets/img/gallery/3.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/3.jpg'},
48									{image : 'assets/img/gallery/4.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/4.jpg'},
49									{image : 'assets/img/gallery/1.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/1.jpg'},
50									{image : 'assets/img/gallery/2.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/2.jpg'},  
51									{image : 'assets/img/gallery/3.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/3.jpg'},
52									{image : 'assets/img/gallery/4.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/4.jpg'},
53									{image : 'assets/img/gallery/1.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/1.jpg'},
54									{image : 'assets/img/gallery/2.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/2.jpg'},  
55									{image : 'assets/img/gallery/3.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/3.jpg'},
56									{image : 'assets/img/gallery/4.jpg', title : 'Caption Here: Meow', thumb : 'assets/img/gallery/4.jpg'}
57								]
58								*/
59							
60						});
61
62				},//fullScreenGallery 
63				
64				fullScreenGallerySwipe : function(){
65
66					/* swipe */
67					$(".swipe-target").swipe( {
68						//Generic swipe handler for all directions
69						swipe:function(event, direction, distance, duration, fingerCount) {
70							//console.log(direction);
71							if(direction == 'left'){ // prev slide
72								api.nextSlide();
73							}
74							if(direction == 'right'){ // prev slide
75								api.prevSlide();
76							}
77						},
78					   threshold:0
79					});
80
81				}
82
83			}// end ui
84
85		};
86
87Engine.ui.fullScreenGallery();
88Engine.ui.fullScreenGallerySwipe();
89
90});