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
});