Как добавить водяной знак на всплывающую картинку в fancybox?

Question

[ligisayan]

Всем привет! Хочу добавить watermark на всплывающую картинку в fancybox - никак не выходит. Что не так?

<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;" />')
  }
});

Comments

[ligisayan]

Спасибо за помощь - я уже решил. класс не правильный указал для fancyboxa

[65536]

ватермарк надо добавлять в саму картинку)) какой смысл что вы ее сверху-то приделаете?

[Александр Таратин]

Блеф видимо )

[65536]

Александр Таратин: ))

Answer 1

[Mihail Lyamin]

с помощью стилей наложите на вложенную картинку свой вотермарк :) В любой реализации, кроме физического наложения на картинку, её можно открыть без вашего вотермарка.