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

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

irbees2008 irbees2008 Опубликовано - 12 - сентября Изображения
2916 - 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 вашего шаблона.

Можешь почитать и вот эту статейку "Делаем красивый чек бокс или радио кнопки "

Опрос

Ваше мнение

TWIG -что это?
Результаты

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

Теги

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

Статистика

  • Caйту: 4493 дня
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 671
  • Онлайн всего: [26]
  • Гости: [25]
  • Поисковики: [1] Google
  • Были сегодня : [5] Google, Яндекс, dankeanke, ????????? ?????, irbees2008
  • SQL запросов: 28
  • Генерация страницы: 0.347сек
  • Потребление памяти: 5.388 Mb 
  •   Яндекс.Метрика