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

Slavchik 07.07.2014 Все вопросы » Хаки 2873

вопрос

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

Ответил: 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 комментариев

Юзер

494

Gopr - 2014-11-287 июля 2014 09:54 - #31249

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

Местный

425

Serik - 2014-11-287 июля 2014 13:04 - #31265

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

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

Юзер

RedRat - 2014-11-287 июля 2014 12:04 - #31257

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

Юзер

104

panov - 2014-11-287 июля 2014 13:11 - #31266

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

Местный

425

Serik - 2014-11-287 июля 2014 13:38 - #31268

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

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

Юзер

307

rocksmart - 2014-11-287 июля 2014 18:02 - #31279

Как вариант на 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/

Юзер

494

Gopr - 2014-11-287 июля 2014 18:38 - #31285

<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" - текст или ссылка поверх фона

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст