Как передать ссылку в модал
Всем привет надеюсь на этом форуме найдется программист который сможет мне помочь (до форума работал над задачей 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> |
Vitalya,
Можете представить пример уже сформированного html, а не код по формированию html? Что-то совсем не видно ни одной ссылки на видеозаписи в формируемом html Есть только одна в скрипте <script>flowplayer("player", "resource/player/flowplayer-3.2.18.swf", { clip: { autoPlay: false, autoBuffering: true } }); </script> Она, судя по всему, и воспроизводится, независимо от вашего плей-листа |
Часовой пояс GMT +3, время: 06:21. |