Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.03.2016, 01:09
Новичок на форуме
Отправить личное сообщение для Vitalya Посмотреть профиль Найти все сообщения от Vitalya
 
Регистрация: 10.03.2016
Сообщений: 2

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать неактивную ссылку? Александр141 Элементы интерфейса 2 22.02.2016 17:47
Как имея ссылку с редиректом получить реальную ссылку в JavaScript? xtfkpi Node.JS 1 06.11.2015 15:38
Как передать значение в функцию в переменную с нужным именем? bratkovsky Общие вопросы Javascript 1 12.10.2015 08:18
Как с помощью расширения получить "правильную" ссылку? ddos1 Общие вопросы Javascript 11 13.07.2015 15:45
Как передать данные в другую панель из выбранной строки таблицы. layout: 'card'. Пролетарий ExtJS 5 03.06.2015 22:53