<div id="lightbox" class="lightbox" style="display: none; top: 1063px; left: 0px;">
	<div class="lb-outerContainer" style="width: 551px; height: 344px;">
		<div class="lb-container">
			<div class="lb-dataContainer" style="display: block; width: 591px;">
				<div class="lb-data">
					<div class="lb-details"><span class="lb-caption" style="display: inline;">Логан старый</span><span class="lb-number">Image 3 of 5</span></div>
					<div class="lb-closeContainer">
						<a class="lb-close"></a>
					</div>
				</div>
			</div><img class="lb-image" src="/Логан-старый.jpg" data-id="120" style="display: block; width: 755px; height: 471px;">
			<div class="lb-nav" style="display: block;">
				<a class="lb-prev" href="" style="display: block;"></a>
				<a class="lb-next" href="" style="display: block;"></a>
			</div>
			<div class="lb-loader" style="display: none; opacity: 0.444301;">
				<div class="lb-loader__1"></div>
				<div class="lb-loader__2"></div>
				<div class="lb-loader__3"></div>
				<div class="lb-loader__4"></div>
				<div class="lb-loader__5"></div>
			</div>
		</div>
		<div class="lb-comments">120</div>
	</div>
</div>

$(document).on('click','.lb-prev', function(e) {

document.addEventListener("click", function(event) {
	if(event.target.classList.contains("lb-next")) {
		alert("⏩");
	}

	if(event.target.classList.contains("lb-prev")) {
		alert("⏪");
	}
}, true);

document.addEventListener("click", function(event) {
	var target = event.target;
	
	if(target.classList.contains("lb-next")) {
		alert("⏩");
	}

	if(target.classList.contains("lb-prev")) {
		alert("⏪");
	}
	
	if(target.matches(".lb-prev, .lb-next")) {
		var image = target.closest(".lightbox").querySelector("img.lb-image");
		
		image.onload = function() {
			image.onload = null;
			alert(image.src);
		};
	}
}, true);

$(document).on('click','.lb-prev', function(e) {