Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Защитный слой для картинки

Защитный слой для картинки


     07.07.2014    Хаки    1299

вопрос
Хочется усложнить, немного, жизнь юзерам копирующим чужие картинки. А именно сделать так чтоб поверх добавленных в новость картинок накладывалась прозрачная картинка. Соответственно при попытке скачать картинку из новости, скачивалась бы эта прозрачная картинка. Как это реализовать?

Ответил: Gopr


[group=5]
<article>
<div class="b">
<div class="f">
<div class="t">Авторизуйтесь для просмотра записей<br><a title="Регистрация" href="/#">Регистрация</a></div></div>
[/group]
{short-story}
[group=5]
</div>
[/group]
</article>
article .b {position:relative;width:640px}                                             
article .f {z-index:1;opacity:0.5;position:absolute;width:640px;height:100%;background-color:#fff}
article .t {text-transform:uppercase;margin-top:25%;text-align:center}
article .t a {color:#555}
article .t a:hover {text-decoration:underline;color:#000}

Комментарии пользователей (7)

Gopr
10

494 | 164

Gopr - 7 июля 2014 09:54 - Юзер

Есть такая вещь на css только не картинка используется а прозрачный background, растягивается по высоте и ширине всей новости как раз делал для тех же целей... Стучи в личку ;)

Serik
4

408 | 191

Serik - 7 июля 2014 13:04 - Местный

Поделитесь с народом за Спасибо :)

СПАСИБО надо тыкать в кнопку!

RedRat
15 | 10

RedRat - 7 июля 2014 12:04 - Юзер

Самый лучший способ, это наложение копирайта. Который, к примеру, используется даже в Google Street Views. Все остальное - не поможет.

panov
2

104 | 2

panov - 7 июля 2014 13:11 - Юзер

Тот , кто хочет все равно скопирует! Накладывай watemark.

Serik
4

408 | 191

Serik - 7 июля 2014 13:38 - Местный

90% желающих отсеивается. Но зато с другой стороны - картинку и автора уник как понимаю, а значит в поиске картинок Гугла будут в топе, а оттуда копируются без проблем )

СПАСИБО надо тыкать в кнопку!

rocksmart
64

307 | 115

rocksmart - 7 июля 2014 18:02 - Юзер

Как вариант на jquery
В конец main.tpl вставить

<script type="text/javascript">
$(document).ready(function(){
jQuery("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':'url("'+this.src+'") no-repeat'}).attr('src',"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
});
});    
</script>


Демка http://pro-script.ru/

Gopr
10

494 | 164

Gopr - 7 июля 2014 18:38 - Юзер

<article>
[group=5]
<div class="b">
<div class="f">
<div class="t">Авторизуйтесь для просмотра записей<br><a title="Регистрация" href="/#">Регистрация</a></div></div>
[/group]
{short-story}
[group=5]
</div>
[/group]
</article>
При желании можно создавать несколько слоев из background-color + background-image.
PS: перекрывается вся новость с картинками, видео, текстом (нельзя скопировать/увеличить/выделить контент), но все легко можно отключить через отладчик в браузере правда каждый раз геморно :)

class="b" - блок
class="f" - фон
class="t" - текст или ссылка поверх фона

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы