fantazer
7/8/2016 - 11:51 AM

FANCY BOX

FANCY BOX

//bower i fancybox --save-dev
//script(src="bower/fancybox/dist/jquery.fancybox.js")
//link(rel="stylesheet", href="bower/fancybox/dist/jquery.fancybox.css")
// !!! movve img + url in folder img
a(href="img/car.jpeg" data-fancybox="images").fancybox
		img(src="img/car.jpeg", alt="")
a(href="img/car.jpeg" data-fancybox="images").fancybox 
	img(src="img/car.jpeg", alt="")


//For video
.video
	a(href="https://youtu.be/KOfyeYiO8Rk").fancybox.video-link
		.video-img(style="background-image:url('img/video-cover.jpg')")
			+icon("icons-play-button","icon-el")
$('.fancybox').fancybox({
		thumbs : {
			autoStart : true
		},
		buttons : [
			'zoom',
			'close'
		]
	});