Показать сообщение отдельно
  #1 (permalink)  
Старый 29.05.2014, 00:17
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Динамика в модальном окне.
Здравствуйте. Хочу выводить видеоролики в модальном окне. И никак не выходит прикрутить. Выводится только первый ролик. .
$(document).ready(function() {
    $('.open-window').click(function() {
    $('.modal-window').fadeIn(function() {
    $('.window-container').addClass('visible');
    });
    });
    $('.close, .modal-window').click(function() {
    $('.modal-window').fadeOut().end().find('.window-container').removeClass('visible');
    });
    $('.window-container').click(function(event) {
    event.stopPropagation()
    });
    });

Вот собственно весь код. Вызываю так в Smarty шаблоне
{foreach key=id item=video from=$videos}
  <div class="open-window" ><img src="{$video.file}" /></div>
    </div>
    <div id="modal-window" class="modal-window">
    <div class="window-container animation">
    <iframe src="{$video.video}" width="" height=""></iframe>
    </div>
    </div>
{/foreach}

{$video.file} // ссылки на превью ролика
{$video.video} // ссылки на сам ролик

Помогите решить, или ссылку на пример, если можно.
Ответить с цитированием