Как добавить функцию салфетки к изображениям в модальном

Question

Не удалось найти решение для прокрутки изображений в Твиттере Bootstrap modal. Сейчас я использую

// Swipe feature 
$('#myCarousel').swiperight(function() { 
    $('#myCarousel').carousel('prev'); 
}); 
$('#myCarousel').swipeleft(function() { 
    $('#myCarousel').carousel('next'); 
}); 

для Carousel, которая в основном загружена в Twitter Modal с

('.modal-trigger img').click(function(e) { 
    $('#myModal img').attr('src', $(this).attr('data-img-url')); 
}); 

И это мой HTML structure.

Как я могу добавить эффект салфетки к изображениям даже в модальном окне и загрузить все изображения в этом модальном окне?

Answer 1

Вам просто нужно включить jQuery Touchwipe Plugin (iPhone, iPad, iPod Touch Gesten/Gestures, Wischeffekt/Wipe Effect) и выполните следующие действия:

$('#myCarousel').touchwipe({ 
    wipeLeft: function() { 
    alert('next') 
    $('#myCarousel').carousel('next'); 
    }, 
    wipeRight: function() { 
     alert('prev') 
     $('#myCarousel').carousel('prev'); 
    }, 
    min_move_x: 20, 
    preventDefaultEvents: false 

});

здесь JSFIDDLE DEMO