Не стандартное решение на Jquery

<div class="swiper-slide albums-slide-media swiper-slide-active" style="order: 0; background-image: url("/assets/images/resources/17/227x225/inner-page-pic.jpg");" data-swiper-column="0" data-swiper-row="0">
	<div class="album-grey-inner-box">
		<table>
			<tbody>
				<tr><td><span>Второй альбом для теста</span>
		<img src="/assets/img/album-arrow.png" alt=""></td></tr>
			</tbody>
		</table>
		
	</div>
	<a href="#" class="gallery-album-link" data-albumname="Второй альбом для теста" data-albumid="17" data-action="getAllPics"></a>
</div>

$(document).ready(function() {
	// Вешаем обработчик события "клик" на все ссылки с классом ajax_link
	$('a.gallery-album-link').click(function(e) {
	e.preventDefault();
	// Берем действие из атрибута data-action ссылки
	var action = $(this).data('action');
	var albumid = $(this).data('albumid');
	var new_albumname = $(this).data('albumname');
	var link_array  = [];
	var pic_array = [];
	// Ajax запрос к текущей страницы (а на ней наш сниппет) методом post
	$.post(document.location.href, {action: action, id: albumid}, function(data) {
		link_array = data.split(",");
		var trimed_link_array = link_array.pop();
		$.fancybox.open(link_array, {
			afterShow: function(){
				if($('.album-name').length==0){
					$(".fancybox-overlay").prepend('<div class=album-name>'+new_albumname+'</div>');
				}
			},
			beforeClose: function(){
				$('.album-name').remove();
			},
			padding : 0,
			prevEffect: 'fade',
			nextEffect: 'fade',
			maxHeight: 590,
			tpl:{
				wrap     : '<div class="fancybox-wrap fsdgfdsgf" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
				image    : '<img class="fancybox-image" src="{href}" alt="" />',
				error    : '<p class="fancybox-error">The requested content cannot be loaded.
Please try again later.</p>',
				closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
				next     : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
				prev     : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
			},
			margin: [20, 82, 20, 82],
			helpers	: {
				title	: null,
				thumbs	: {
					width	: 125,
					height	: 84
				},
				overlay : {
					css : {
						'background' : 'rgba(43, 55, 67, 0.95)'
					}
				}
			}
		}
		);
	});		
  })
})