вопрос
Доброго времени суток, Пожалуйста помогите найти решение
как сделать так что-бы при открытии модального окна задний фон становился темнее
мне это нужно для того что-бы было комфортно смотреть видео в модальном окне
Всё работает но как сделать затемнение ?
- что нужно внести/поменять ?
как сделать так что-бы при открытии модального окна задний фон становился темнее
мне это нужно для того что-бы было комфортно смотреть видео в модальном окне
Всё работает но как сделать затемнение ?
- что нужно внести/поменять ?
<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}
});
}
</script>
<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>
modal: true,
Сама прозрачность настраивается в стиле:
<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
modal: true,
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}
});
}
</script>
<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>
Сама прозрачность настраивается в стиле:
.ui-widget-overlay{}
