How to add a watermark to a popup image in fancybox?

Question

css

Hello! I want to add a watermark to a pop-up image in fancybox - it doesn't work. What's wrong?

<div class="gallery">
          <div class="row">
            <div class="col-md-4">
              <? u_img(101); ?>
              <p><? u_txt(101); ?></p>							
            </div>
            <div class="col-md-4">
              <? u_img(102); ?>
              <p><? u_txt(102); ?></p>
            </div>
            <div class="col-md-4">
              <? u_img(103); ?>
              <p><? u_txt(103); ?></p>
            </div>
          </div>
</div>
</div>

$(".fancybox-wrap").fancybox({
  afterLoad: function() {
    $('.fancybox-inner').append('<img id="watermark-inner" src="http://plasmate.ru/images/design/rek_vkon.png" style="position:absolute;left:0;top:0;" />')
  }
});

Answer 1

apply your watermark to the embedded image using styles :) In any implementation, except for the physical overlay on the image, it can be opened without your watermark.