Здравствуйте. Хочу выводить видеоролики в модальном окне. И никак не выходит прикрутить. Выводится только первый ролик. .
$(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} // ссылки на сам ролик
Помогите решить, или ссылку на пример, если можно.