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

Можешь почитать и вот эту статейку "Динамическое меню с скольжением цвета"

mistakes

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

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

Ваше мнение

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

Облако тегов

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