jQuery Plugin To Prevent Saving Images From Your Website - stopStealPhoto
| File Size: | 3.93 KB |
|---|---|
| Views Total: | 1419 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
stopStealPhoto is a very small jQuery plugin that prevents saving images from your website and displays a custom alert message when the user tries to right click the images.
How to use it:
1. Include the jQuery stopStealPhoto plugin after including jQuery library.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="jquery.stopStealPhoto.js"></script>
2. Call the function on the img tag to protect all the images within the document.
$('img').stopStealPhoto();
3. Customize the alert message when you right click on the images.
$('img').stopStealPhoto({
// custom message
message : 'This image is protected',
// delay in ms
delay: 600,
// additional CSS class
customClass: undefined,
// offset of cursor
cursorOffset: 14
});
4. You can also specify the alert message for each image using the data-ssph attribute as this:
<img src="image.jpg" data-ssph="your text">
This awesome jQuery plugin is developed by djmansys. For more Advanced Usages, please check the demo page or visit the official website.






