<h2>fancyBox v3.1 - Protect images</h2>
<p>Simple protection from downloading images using right-click.</p>
<p>
<a href="https://c1.staticflickr.com/9/8148/29324593462_abebaddc38_k.jpg" data-fancybox="images">
<img src="https://c1.staticflickr.com/9/8148/29324593462_f890687b7a_m.jpg" />
</a>
<a href="https://c2.staticflickr.com/6/5499/30972532232_051e1dc57e_h.jpg" data-fancybox="images">
<img src="https://c2.staticflickr.com/6/5499/30972532232_e9a298a0c5_m.jpg" />
</a>
<a href="https://farm1.staticflickr.com/560/31434966252_8e1bc946da_b_d.jpg" data-fancybox="images">
<img src="https://farm1.staticflickr.com/560/31434966252_8e1bc946da_m_d.jpg" />
</a>
</p>
<p>Example of adding watermark.</p>
<p>
<a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="watermrk">
<img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" />
</a>
</p>
.fancybox-slide.watermark .fancybox-spaceball {
background-image: url('http://fancyapps.com/GJbkSPU.png');
background-size: cover;
background-repeat: no-repeat;
}
$('[data-fancybox]').fancybox({
protect: true
});
$('[data-fancybox="watermrk"]').fancybox({
protect : true,
slideClass : 'watermark'
});
// Preload watermark image
// Please, use your own image
(new Image()).src = "http://fancyapps.com/GJbkSPU.png";
Also see: Tab Triggers