2978
- 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>
4.Вот и все скрипт работает на jquery: Подменяет основной путь картинки тега src на картинку 1px X 1px . Основной путь картинки становится background .
Вариант 2
1.Без скрипта на стилях сделаем тоже самое что и в первом варианте. Этого хватит для защиты от копирования в 99% случаев.
2.В этом примере основной ссылкой на изображение будет
Код:
{{ tpl_url }}/images/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" />5.Скачать картинку Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. распаковать и залить а папку images вашего шаблона.
Можешь почитать и вот эту статейку "Стильные CSS3 hover эффекты"
Это тоже интересно
14.04.13 картинки
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.