tessguefen
4/24/2015 - 7:17 PM

Swipe Left/Right // Lotus Images

Swipe Left/Right // Lotus Images

//Swipe  + Next for SlickSlider
		function nextSliderImage() {
			var currIndex = parseFloat($('#js-main-image-zoom').attr('data-index')),
				nextImage = $('#js-thumbnails').find('[data-index=' + (currIndex + 1) +']').attr('data-large'),
				firstImage = $('#js-thumbnails').find('[data-index=0]').attr('data-large');

			if (nextImage) {
				$('#js-main-image-zoom').attr('data-index', (currIndex + 1));
				$('#js-main-image').attr('src', nextImage);
				$('#js-main-image').attr('data-image', nextImage);
			} else {
				$('#js-main-image-zoom').attr('data-index', 0);
				$('#js-main-image').attr('src', firstImage);
				$('#js-main-image').attr('data-image', firstImage);
			}
		}

		function prevSliderImage() {
			var currIndex = parseFloat($('#js-main-image-zoom').attr('data-index')),
				prevImage = $('#js-thumbnails').find('[data-index=' + (currIndex - 1) +']').attr('data-large'),
				lastImage = $('#js-thumbnails').find('[data-index=' + totalThumbs +']').attr('data-large');

			if (prevImage) {
				$('#js-main-image-zoom').attr('data-index', (currIndex - 1));
				$('#js-main-image').attr('src', prevImage);
				$('#js-main-image').attr('data-image', prevImage);
			} else {
				$('#js-main-image-zoom').attr('data-index', totalThumbs);
				$('#js-main-image').attr('src', lastImage);
				$('#js-main-image').attr('data-image', lastImage);
			}

		}
		
		$("#js-main-image-zoom").swipe( {
			swipeLeft:function(event, direction, distance, duration, fingerCount) {
				nextSliderImage();
			},
			swipeRight:function(event, direction, distance, duration, fingerCount) {
				prevSliderImage();
			},
			threshold:10
		});