» » Запрет на копирование, сохранение и перетаскивание картинки

Запрет на копирование, сохранение и перетаскивание картинки

23-03-2015, 06:08
Автор: .
Просмотров: 1 418
Комментариев: 0
Версия для печати
 

Запрет на копирование, сохранение и перетаскивание картинки

 

Появилась задача: защитить от копирования картинки на сайте. Сразу оговоримся, что полностью защитить картинку от копирования невозможно. Возможно только вызвать негативные эмоции у настойчивого юзера. Но от чайников такие меры предохранения спасут.

 Начиная с .htaccess

	
		
	RewriteEngine On
	RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?домен.ru [NC]
	RewriteRule \.(jpg|jpeg|png|gif)$ http://домен.ru [NC,R,L]
 
 
 
Добавляя картинкам соответствующие атрибуты при помощи jquery и от перетаскивания jqueryUI Draggable
 
	$('.content img').each(function () {
	
		
	$(this).attr('oncontextmenu','return false');
	$(this).attr('draggable','false');
	 
	$(this).draggable({ revert: true, helper: 'clone' });
	
		
	        });
	 
			$(document).ready(function() {   
		     $('body').bind("cut copy paste", function(e) {
		         $(this).css({'background': '#ccc'}); 
		                            document.getSelection().removeAllRanges();
		         $(this).animate({"background-color": "#fff"}, 2000);
		                            e.preventDefault();
		                        });    });

 

 
 
С напоследок, замечательный плагин для jQuery Colorbox тоже поддаётся ytrjnjhsv мерам защиты.
 
где то за 1000

 

	
photo.style.width = photo.width + 'px';
photo.style.height = photo.height + 'px';
/*+*/  photo.setAttribute('oncontextmenu',"return false");
/*+*/  photo.setAttribute('draggable',"false");

Рейтинг статьи:
  
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.