Всем привет надеюсь на этом форуме найдется программист который сможет мне помочь (до форума работал над задачей 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>