search

sanjayV / ng-image-slider

Angular Image Slider with Lightbox.
https://sanjayv.github.io/ng-image-slider/
MIT License
105 stars 51 forks source link

Watermark on popup image #126

Open Aw3same opened 3 years ago

Aw3same commented 3 years ago

Is it possible to add a watermark in the big image? I'm trying it in the same way as in the examples, by overriding css, but I cant see my watermark in front of image.

image

my css is

ng-image-slider .lightbox-div {
  z-index: 12;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  background-image: url("/assets/images/confidential.png");
  background-size: 300px 300px;
  background-repeat: space;
  opacity: 0.9;
}

Thanks in advance

nguyentrungtu commented 2 years ago

If you want watermark, I suggest using merge-images library here. You can create a watermark png and merge it with your desired images before loading them into ng-image-slider.

ng-image-slider itself hasn't been updated since forever.