Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как передать ссылку в модал (https://javascript.ru/forum/events/61805-kak-peredat-ssylku-v-modal.html)

Vitalya 10.03.2016 01:05

Как передать ссылку в модал
 
Всем привет надеюсь на этом форуме найдется программист который сможет мне помочь (до форума работал над задачей 6 дней ничего не шашел )
Суть в следующем: есть определенное кол во юзеров, у каждого свои альбомы видеозаписей, нужно чтоб видеозапись открывалась в модальном окне..что получилось у меня: смог добится эффекта через фенси бокс но мне это не подходит, смог открыть таким образом одно видео, но кликая на остальные открывается тоже самое...не знаю что делать.. ниже кусок кода.
Если кто то знает как быть буду очень благодарен.

<head>
<meta charset="utf-8" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="/resource/js/modal.js"></script>
<script type="text/javascript" src="/resource/player/flowplayer-3.2.13.min.js"></script>
<link rel="stylesheet" type="text/css" href="/resource/demo-modals.css" media="all">
</head>






<div>
<?
$Query = mysqli_query($CONNECT, "SELECT * FROM `photo` WHERE `albumphotoid` = $_SESSION[USER_ID]");
while($Row = mysqli_fetch_assoc($Query)){
echo '<a class="modal3" href="/resource/album/'.$_SESSION['USER_ID'].'/'.$_SESSION['USER_ID'].'/'.$Row['id'].'.jpg"><div style=" margin-left: 15px; margin-top: 15px; width:150px; height:90px; overflow: hidden; float: left;"><img src="/resource/album/1/1/'.$Row['id'].'.jpg" width="150" min-height="60" max-height="90"></div></a>';
}
?>

</div>
<div style="width: 1000px; height: 1000px; border: 1px solid #cccdd8; background: #e9e9eb; display: none;" class="modal3" >
<div style="width: 1000px; height: 1000px; border: 1px solid #cccdd8; background: #e9e9eb;" class="trigger1" >
<?php
echo '<img src="/resource/album/'.$_SESSION['USER_ID'].'/'.$_SESSION['USER_ID'].'/'.$Row['id'].'.jpg">';

?>
</div>
</div>

<script>flowplayer("player", "resource/player/flowplayer-3.2.18.swf", {
clip: {
autoPlay: false,
autoBuffering: true
}
});

</script>

<script type="text/javascript">
jQuery(function($){
// bind event handlers to modal triggers
$('body').on('click', 'a.trigger3', function(e){

$("a.modal3, .trigger4").modal().open();
e.preventDefault();
});

// attach modal close handler
$('.modal3 .close').on('click', function(e){
e.preventDefault();
$.modal().close();
});

// below isn't important (demo-specific things)
$('.modal3 .more-toggle').on('click', function(e){
e.stopPropagation();
$('.modal3 .more').toggle();
});
});
</script>

</div>

</div>


</div>
</div>
</div>
</body>
</html>

Dilettante_Pro 11.03.2016 10:39

Vitalya,
Можете представить пример уже сформированного html, а не код по формированию html?
Что-то совсем не видно ни одной ссылки на видеозаписи в формируемом html
Есть только одна в скрипте
<script>flowplayer("player", "resource/player/flowplayer-3.2.18.swf", {
clip: {
autoPlay: false,
autoBuffering: true
}
});
</script>

Она, судя по всему, и воспроизводится, независимо от вашего плей-листа


Часовой пояс GMT +3, время: 12:19.