$.post('/?func=add', {email: $email}, function (data) {scrollPrev = 0;
$(window).scroll(function () {
var scrolled = $(window).scrollTop();
if (scrolled > $('.header').height() && scrolled > scrollPrev) {
header.addClass('fixed-header');
} else {
header.removeClass('fixed-header');
}
scrollPrev = scrolled;
});<div class="card">
<!-- изображение карты -->
<div class="card-img">
<a class="lightbox" href="#data-1">
<img src="source/img/FNAF4_cover.jpg" />
</a>
<div class="lightbox-target" id="data-1">
<video id="video1" controls>
<source src="source/video/FNAF 4.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<a class="lightbox-close" href="#"></a>
</div>
</div>
<!-- конец изображения карты -->
<!-- Заголовок карты -->
<div class="card-title">
<span class="card-title__title">Заголовок фото видео</span>
</div>
<!-- конец Заголовок карты -->
<!-- ссылка -->
<!-- <div class="card-button">
<a class="card-button__link" href="#0"></a>
</div> -->
<!-- конец ссылка -->
</div>$('.lightbox').click(function (event) {
var thisvideo = $(this).next('div').attr('id');
});
$('.lightbox-close').click(function () {
var myVideoNow = $(this).prev('video').attr('id');
// alert(myVideoNow);
var myVideo = document.getElementById(myVideoNow);
if (myVideo != null) {
myVideo.pause();
}
});<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>mouseout demo</title>
<style>
div.out {
width: 40%;
height: 120px;
margin: 0 15px;
background-color: #d6edfc;
float: left;
}
div.in {
width: 60%;
height: 60%;
background-color: #fc0;
margin: 10px auto;
}
p {
line-height: 1em;
margin: 0;
padding: 0;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<div class="out overout">
<p>move your mouse</p>
<div class="in overout"><p>move your mouse</p><p>0</p></div>
<p>0</p>
</div>
<div class="out enterleave">
<p>move your mouse</p>
<div class="in enterleave"><p>move your mouse</p><p>0</p></div>
<p>0</p>
</div><script>
var i = 0;
$( "div.overout" )
.mouseout(function() {
$( "p", this ).first().text( "mouse out" );
$( "p", this ).last().text( ++i );
})
.mouseover(function() {
$( "p", this ).first().text( "mouse over" );
});
var n = 0;
$( "div.enterleave" )
.on( "mouseenter", function() {
$( "p", this ).first().text( "mouse enter" );
})
.on( "mouseleave", function() {
$( "p", this ).first().text( "mouse leave" );
$( "p", this ).last().text( ++n );
});
</script><script>
$( "любой блок вне" ).click(function() {
$( ваш блок который скрыть ).hide();
});
</script>.wrapper {
width: 80%; /*ширина слайда*/
overflow: hidden; /*скрыть все что за пределами*/
min-height: 150px; /*минимальная*/
max-height: 200px; /*макс высоты*/
display: block; /*вести себя как блок*/
margin: 0 auto; /*выравнить, где 0 это верх и низ, а авто это горизонтальная*/
}