По просьбе Deff.
Запрет копирования и псевдомаркирование изображений
Сообщений 1 страница 20 из 249
Поделиться2Сб, 1 Янв 2011 21:05:18
Запрет копирования и псевдомаркирование изображений
rps -Спасибо
Cобственно навели на тему два запроса,
последний такой:
Скажите, пожалуйста, как сделать, так что бы изображение на заднем фоне было поверх моего изображения?
geka996 поставил в фоновое цитаты изображение логотипа, и хотел маркировать им картинку
Аналогичен и первый запрос, Надпись на картинке при добавлении на форум., - обративший внимание на проблему( конечно полного действительного маркирование не делается...
но вид подобающий (рабочий пример >
(*prizrak сорри за опечатку в маркере
Конечно - открывающиеся по ссылкам изображения - не маркируются, (*но в принципе можно произвести их маркировку снимая скриншот псевдо маркированного
Сам скрипт выглядит так
В HTML верх ставим вот это
<style type="text/css">
p.userimage img,div.post-content img.postimg{
display:none;
}
</style>
Остальное идет в HTML низ
<script><!--Mаркирование изображений v.1 -->
$(document).ready(function(){
$("div.post-content img.postimg,p.userimage img").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var z;
var s;
var inb$("div.post-content img.postimg,p.userimage img").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
z = $(this).parent().width();
if(x>z){y = parseInt((y/x)*z);x = parseInt(z); }
inb = $(this).parent().get(0).tagName;
if ((x>100&&y>100)&&(inb!=="STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt","");
$(this).css("background-image","url("+imgURL+")");
$(this).css("background-size","100%");
}
});
});
</script><!-- Конец//Cкрипт маркирования v.1.-->
if ((x>100&&y>100) минимальные ширина и высота рисунка - на которые маркер уже не ставится (актуально для собственных смайлов, в принципе 100х100 должно хватить и для оч. больших смайлов
http://savepic.org/1173963.png - ссылка на Вашу картинку маркера, картинка должна быть полностью прозрачной за исключением самого маркирующего элемента
примерные размеры картинки-маркера 600 x 450 пиксел(картинка самоподгоняется под изображение - но при меньших размерах, четкость будет падать (возможно стоит делать наклон букв чуть влево - смотрится более приглядно при высоких и узких картинках, - данная рекомендация актуальна при наклоне надписи как сейчас(горизонтальных и вертикальных надписей на картинках-маркерах - это замечание не касается
Внимание!! Если вы не хотите делать маркирование картинкой - вам достаточно защиты от копирования - тогда:
вместо ссылки http://savepic.org/1173963.png ставите такую >
http:savepic.org/1138109.gif
[1]
PS[3]: Если Вы хотите, чтобы со старых браузеров ИE6 все таки увидели картинку, картинка маркера должна быть формата png8 или даже лучше gif
*Очевидно маркер в таком случае будет удобнее делать надписи (или рисунки) горизонтально или вертикально по краю картинки,(*поскольку в этих форматах изображения - нет полупрозрачности , а затенение надписью или минилоготипом даже части рисунка по центру будет, наверное, не очень удачным решением
Примечание для lenhenster:*Данное суммарное изображение центрируется как обычный рисунок
Недокументированные возможности( спецом для Альб
При заключении картинки в посте в теги [b] ... [/b], картинка не маркируется
Отредактировано Deff (Чт, 14 Ноя 2013 17:34:38)
Поделиться3Сб, 1 Янв 2011 22:05:13
Вариант №2:
Защищаем - Маркируем только особо ценные изображения
В HTML верх идёт это
<style type="text/css">
div.post-content strong img.postimg{
display:none;
}
</style>
В HTML низ:
<script><!--Выборочное маркирование изображений v.2 -->
$(document).ready(function(){
$("div.post-content strong img.postimg").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var z;
var s;
var inb$("div.post-content strong img.postimg").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
z = $(this).parent().width();
if(x>z){y = parseInt((y/x)*z);x = parseInt(z); }
inb = $(this).parent().get(0).tagName;
if ((x>80&&y>80)&&(inb == "STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt",imgMarking).attr("title","no-copy");
$(this).css("background-image","url("+imgURL+")");
$(this).css("background-size","100%");
}
});
});
</script><!--Конец//Выборочное маркирование v.2 -->
http://savepic.org/1173963.png - ссылка на Вашу картинку-маркер(меняете на свою ссылку)
Если вы не хотите делать маркирование картинкой - вам достаточно защиты от копирования - тогда:
вместо ссылки http://savepic.org/1173963.png ставите такую >
http:savepic.org/1138109.gif
[1]
При Варианте[2]
Картинка маркируется и защищается от копирования
только при заключении её в посте в теги [b]...[/b]
Ну и попутно
Скрипт запрета копирования текста в топиках гостям
Ставим в HTML низ
<script type="text/javascript"><!-- Запрет на копирование гостям -->
function disableSelection(target){
if (typeof target.onselectstart!="undefined")
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined")
target.style.MozUserSelect="none"
else
target.onmousedown=function(){return false}
target.style.cursor = "default"
}if (document.getElementById("pun_wrap")) {
if (GroupID == 3)
disableSelection(document.getElementById("pun-viewtopic"));
}
</script><!-- конец скрипт запрета -->
Вариант два(защита от копирования гостем)
В HTML верх
<style id=sty1>#pun-main{display:none}</style>
<script>$("#sty1").replaceWith("");</script>
В HTML низ
<script type="text/javascript">$(document).ready(function(){$("#pun-viewtopic .topic").each(function () {
var a=$(this);var x = a.width()+20;var y = a.height()+20;var Post_off=false;if($("#pun-navlinks #navlogin").length){Post_off=true}if(Post_off){a.prepend('<div class="Nocopy"><img title="No Copy!" src="/i/blank.gif" style="margin:-10px;position:absolute!important;z-index:1000!important;width:'+x+'px!important;height:'+y+'px!important;"/></div>')}})})
</script>
Отредактировано Deff (Чт, 14 Ноя 2013 17:37:08)
Поделиться4Сб, 1 Янв 2011 22:33:39
Отличная работа - низкий поклон
Поделиться5Сб, 1 Янв 2011 22:39:10
Упс, недоработочка - у картинок пропало центрирование)
Поделиться6Сб, 1 Янв 2011 22:42:49
lenhenster Дайте ссылку на топик видный для гостя с картинками...
Отредактировано Deff (Вс, 2 Янв 2011 17:32:57)
Поделиться7Сб, 1 Янв 2011 22:48:12
Deff, да вот хоть тут)
Отредактировано lenhenster (Вс, 2 Янв 2011 00:51:33)
Поделиться8Сб, 1 Янв 2011 23:08:29
lenhenster Изучаю (ток подошел (апельсин заинтриговал
Поправил
(Нижнее сss cмотри
Отредактировано Deff (Вс, 2 Янв 2011 02:06:40)
Поделиться9Сб, 1 Янв 2011 23:40:08
Поправил
неа
Поделиться10Сб, 1 Янв 2011 23:41:27
Упс, недоработочка
и ещё, он маркирует все картинки и фотки!! вплоть до смайлов..
есть ли возможность маркировать выборочно? например только через редактор форума?
Поделиться11Сб, 1 Янв 2011 23:46:11
вплоть до смайлов.
ну это не страшно - у меня практически и не видно - просто картиночку правильно сделать надо, а вот с центрированием не гуд
Поделиться12Сб, 1 Янв 2011 23:46:55
Deff, вернись - не в апельсинах счастье)))
Поделиться13Сб, 1 Янв 2011 23:47:15
АЛЬБ Хм - смайлы стандартные не должен маркировать - покажь, (*потом если есть скрипт смайлов -смогу поправить, чтобы не маркировал,
В принципе можно не правя скрипт смайлов, сделать ограничить минимальный размер маркируемого
Отредактировано Deff (Вс, 2 Янв 2011 17:33:57)
Поделиться14Сб, 1 Янв 2011 23:54:28
АЛЬБ Хм - смайлы стандартные не должен маркировать - покажь, (*потом если есть скрипт смайлов -смогу поправить, чтобы не маркировал,
не стандартные..
вобщем я вопрос снимаю!!
на форуме часто используются чужие работы.. и маркировать их названием или логотипом своего форума - мягко говоря не айс!!
Поделиться15Сб, 1 Янв 2011 23:58:43
АЛЬБ Хм - ты можешь просто не ставить картинку маркировки, достаточно текста и запрета на copy - второе, - можно допустим маркировать, только изо залитые на собственный форум
Отредактировано Deff (Сб, 1 Янв 2011 23:59:27)
Поделиться16Вс, 2 Янв 2011 00:00:05
Deff, не совсем то - глянь сам у меня
Поделиться17Вс, 2 Янв 2011 00:04:45
то бишь та картинка которая призвана защитить само изображение - не переместилась в центр
Поделиться18Вс, 2 Янв 2011 00:09:03
АЛЬБ Хм - ты можешь просто не ставить картинку маркировки, достаточно текста и запрета на copy - второе, - можно допустим маркировать, только изо залитые на собственный форум
всё это будет на самотёке.. и на совести пользователей!! а данный сервис совестью не страдает..
запрет пошлют подальше, а надпись в какой то мере то же заявка на авторство..
с копированием нуна бороться по другому!
Поделиться19Вс, 2 Янв 2011 00:14:51
lenhenster еще раз поправил -(ващет я уже спю..
Отредактировано Deff (Вс, 2 Янв 2011 02:06:56)
Поделиться20Вс, 2 Янв 2011 00:19:26
Deff, умничка, молодец - вроде всё работает.... сладких тебе снов)