Хаки и Скрипты Next Generation CMS

Закрываем картинки от воровства.

irbees2008 irbees2008 Опубликовано - 12 - сентября Изображения
2986 - 0
  • Адаптировал: irbees2008
  • Источник:
  • Уровень сложности исполнения: нужны навыки css html

В наш век воровство контента процветает,уже разбирали вариант сhtaccess для защиты контента.Вот подыскал скрипт,который позволяет защитить изображения опубликуемые в новостях от скачивания.

Итак приступим
Вариант 1
1.Скрипт накладывает на наше изображение прозрачный фон и скачиваться будет он.
2.Сам скрипт размещается перед закрывающимся тегом body

Код:
<script type="text/javascript">
$(document).ready(function(){
jQuery(".post img").each(function() {
if(!$(this).attr('width'))$(this).attr('width',$(this).width()+'px');
if(!$(this).attr('height'))$(this).attr('height',$(this).height()+'px');
$(this).css({'background-image':'url("'+this.src+'")','background-repeat':'no-repeat'}).attr('src',"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
});
});
</script>
3.Как видите нам надо к блоку с изображением добавить класс post
4.Вот и все скрипт работает на jquery: Подменяет основной путь картинки тега src на картинку 1px X 1px . Основной путь картинки становится background .

Вариант 2
1.Без скрипта на стилях сделаем тоже самое что и в первом варианте. Этого хватит для защиты от копирования в 99% случаев.
2.В этом примере основной ссылкой на изображение будет
Код:
{{ tpl_url }}/images/null.gif
где null.gif наша картинка .
3.Создаем дополнительное поле в xfields "poster"
это поле будем использовать в выводе нашего изображения в статье.
4.И вот сам код нашего изображения
Код:
<img  alt="" style="border: #000000 1px solid; background-image: url('{{ p.xfields.id поля.value }}')" 
src="{{ tpl_url }}/images/null.gif" width="200" height="100" />
Указываем ваши размеры изображения width=... и height=.. обязательно.
5.Скачать картинку Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. распаковать и залить а папку images вашего шаблона.

Можешь почитать и вот эту статейку "Оформляем поле поиска"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4629 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [7]
  • Гости: [7]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 26
  • Генерация страницы: 0.378сек
  • Потребление памяти: 5.157 Mb 
  •   Яндекс.Метрика