Hi @saynom
Are you thinking about a watermark that shows on the actual images? Or do you want to just insert an image that shows on each slideshow? Do you have an example from elsewhere?
Thread Starter
saynom
(@saynom)
Thanks for this fast answer!
I don’t know what is the difference, from your point of view, between these 2 techniques, I’m sorry…
The ideal, in my case at least, would be a watermark added when the slideshow is enhanced in the lightbox (but not showing otherwise). With some options for the watermark (position/size/opacity). But I don’t know if it’s doable.
Supsystic photo gallery do this with thumbnails/lighboxes but it’s not a slideshow.
I don’t have an example but I know that 10Web’s Slider has a watermark option (but I don’t know how it works or looks like, and I’m not a big fan of their plugins).
Do you think something like that could be possible?
Hi @saynom
The difference would be if you needed it to be on the actual image. As in, if a user were to download your image then open it on their laptop, the watermark would show. If that’s what you want, it’s not a feature we are looking into adding as the only image manipulation we do is to crop the image to a specific size.
If you want an image inserted on a slideshow, that’s possible with a little bit of coding. You would use PHP to insert an image, then use CSS to style it.
However, if in a lightbox, then you would need to consult the lightbox plugin as we just hand off images for them to use. As in, once you open MetaSlider in a lightbox, you’re actually not seeing MetaSlider anymore thus we have no control over the output.
Does that help?
Thread Starter
saynom
(@saynom)
Darn it, I completely missed the fact that the lightbox is handled by Responsive Lightbox & Gallery… I’m sorry.
And since they don’t seem to reply a lot on their support page I guess I’m out of luck for this. :/
As to insert an image with PHP/CSS thanks for the tip (although I’m really new to all of this so I’ll have to do some researches to find how it can be done).
Thanks again for your kind help!
Hi @saynom
You would just need to hook into the plugin and output the image. So for example, if you add this to your functions.php file:
add_filter('metaslider_flex_slider_html_after', function() {
return '<img src="https://via.placeholder.com/150">';
});
It will append that image to every slideshow on your page. You would then just need to use some CSS to place it exactly where you prefer.
Thread Starter
saynom
(@saynom)
Thanks a lot for this example! I really appreciate.
Do I need to put the CSS styling for this in every slideshow?
And do you think something similar can be done with Responsive Lightbox & Gallery?
Hi @saynom
For CSS, or premium version offers a module where you can add any CSS styles to the slideshow. Otherwise you can add styles directly to your theme’s stylesheet. The best way to see what works in this case is to just try it and see.
As for the lightbox plugin, you would need to ask them as I don’t know how their plugin works behind the scenes.
I’ll mark this as resolved but feel free to reply if needed.
By the way, if you’re enjoying MetaSlider please leave us a 5-star review. They really help us out and let others find our plugin more easily. If you don’t think we deserve the 5 stars please let us know how we can improve, too. Thanks!
https://ww.wp.xz.cn/support/plugin/ml-slider/reviews/?rate=5#new-post
