How to protect images on your websites from being copied. In the first video I am using some simple HTML and CSS which disables the right click copy function when a visitor is on your website. To prevent someone from having access to the right click copy function you can simply add oncontextmenu="return false" to the HTML. element that you want to prevent from being copied. If you have multiple images in a list you can add it to the parent element so that the property is inherited to each child image. Watch the video for a full tutorial.
Another option to prevent copying of images could be to stop the drag and drop option on the image. To do this you only need some simple HTML and CSS. For this we need a CSS rule of pointer-events: none; added to the image. This is explained in the video below. All you need is a basic understanding of HTML and CSS.
Hopefully these two ways will help you keep your images more secure on your website
Comments
Post a Comment