Проблемы Vimeo с Jquery fancybox + бесконечная карусель

Еще одна проблема, связанная с Vimeo, от новичка в javascript...

Я изложил свою проблему здесь: http://jsfiddle.net/ajtTF/

При нажатии на ссылку загрузится встроенный модальный модуль Fancybox с бесконечной карусельной галереей Jquery. Галерея в настоящее время состоит из 2 встроенных видео Vimeo.

Все нормально, пока модальное окно не закроется, а потом снова запустится. Модальное теперь по какой-то причине заменяет второе видео первым видео (т.е. отображает 2 экземпляра одного и того же видео, игнорируя другое).

Я в конечном итоге хочу несколько видео в этой ситуации. Я не знаю, стоит ли это учитывать при применении некоторых дополнительных js.

Заранее большое спасибо, и я должен подчеркнуть, что мои навыки js практически отсутствуют, поэтому, пожалуйста, будьте ясны! Не стесняйтесь возиться с моим примером.


javascript jquery vimeo fancybox infinite-carousel
person xhadf    schedule 18.10.2011    source источник
comment
Скрипт js выше не работает, я думаю, из-за хотлинкинга.   -  person xhadf    schedule 19.10.2011
comment
Обновлено: jsfiddle.net/ajtTF/4   -  person xhadf    schedule 19.10.2011

Ответы (1)


arrow_upward
1
arrow_downward

http://jsfiddle.net/ajtTF/6/

Хех, я не уверен, почему src фреймов очищается, когда вы закрываете модальное окно.

Кажется, это не часть вашего кода, поэтому я предполагаю, что это как-то связано с fancybox.

В любом случае причина, по которой ваш предыдущий код не работал, заключается в том, что вы взяли src из первого iframe, когда модальное окно было загружено, а затем применили его к обоим iframe, когда модальное окно закрылось.

поэтому, когда вы открыли его, у него был один и тот же src на обоих фреймах.

этот код сохраняет src для каждого кадра отдельно. Неважно, есть ли у вас 2 или 10 фреймов с этим кодом.

GL

  'onComplete': function() {
    $("#inline2 iframe").each(function(i) {
     $(this).data("src", $(this).attr("src"));
    });
  }, 

  'onClosed': function() {
   $("#inline2 iframe").each(function(i) {
    $(this).attr("src", $(this).data("src"));
   });
  }
person megakorre    schedule 19.10.2011
comment
Еще раз спасибо за еще одно идеальное решение. И спасибо за четкое объяснение, помогающее мне учиться :) - person xhadf; 20.10.2011
comment
не забывайте отмечать вопросы как отвеченные, иначе они останутся в категории вопросов без ответов - person megakorre; 20.10.2011