• 1288
  • 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 вашего шаблона.

Можешь почитать и вот эту статейку "Выводим иконки типов файлов возле каждой ссылки на чистом CSS"

mistakes

Это тоже интересно

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

Ваше мнение

Как вам наш дизайн сайта?
Результаты

----