2014-12-05 4 views
0

Я использую карусель FilmRoll jQuery. plugin linkplugin demoFilmRoll jQuery carousel - не работает с первого раза загрузка

Сво работает отлично на настольном браузере

Проблема: не работает на iPhone первого времени загружает, если изменить размер окна (означает портрет в пейзаже) он будет работать так же, как рабочий стол

Script

$(function() { 
     fr = new FilmRoll({ 
     container: '#film_roll', 
     height:50, 
     animation: 1000, 
     interval: 10000, 
     prev: '#film_roll_prev', 
     next: '#film_roll_next' 
     }); 
    }); 
+0

У вас есть страница, на которую я могу посмотреть? – noel

+0

В прошлый раз это было проблемой с загрузкой vimeo в iOS. iOS не справлялся с неудачной загрузкой, и событие onloadPlayerRoll не запускалось: https://github.com/straydogstudio/film_roll/issues/24 – noel

+0

Проблема была решена с помощью этого решения // setTimeout (function() { \t film_roll .resize(); }, 100); // – ShibinRagh

ответ

0

Ответ на ваш вопрос:

var film_roll = new FilmRoll({container: '#container_id',...}); 
$('#container_id').on('film_roll:moved', function(event) { 
    if (film_roll.index == film_roll.children.length - 1) { 
    film_roll.clearScroll(); 
    } 
}); 

Событие 'film_roll: move' вызывается в конце каждой анимации. Затем мы проверяем, находится ли текущий индекс на последнем дочернем элементе (длина - 1) и очистите анимацию прокрутки, если это так. Это остановится на последнем пункте.

Кстати, если вы хотите перезапустить анимацию прокрутки, используйте film_roll.configureScroll().

+0

Понял ваш код и идею, но ничего не произошло здесь, я создал скрипку, пожалуйста, проверьте это http://jsfiddle.net/Lcfaory9/ – ShibinRagh

+0

@ShibinRagh Когда я перехожу к этому jsfiddle, он останавливается на последнем пункте (test3). Это то, что вы хотели? – noel

+0

«test3» Да, он должен заканчиваться как последний элемент, спасибо @noel – ShibinRagh

Смежные вопросы