Запрет копирования и псевдомаркирование изображений
Скрипт маркирует все изображения в сообщениях и запрещает пользователям их сохранить
Автор: rps
Платформа: MyBB
В 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 s;
var inb$("div.post-content img.postimg,p.userimage img").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
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+")");
}
});
});
</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
*Очевидно маркер в таком случае будет удобнее делать надписи (или рисунки) горизонтально или вертикально по краю картинки,(*поскольку в этих форматах изображения - нет полупрозрачности , а затенение надписью или минилоготипом даже части рисунка по центру будет, наверное, не очень удачным решением
Примечание:*Данное суммарное изображение центрируется как обычный рисунок
Недокументированные возможности:
При заключении картинки в посте в теги [b] ... [/b], картинка не маркируется
Очень большие изображения автоужатые форумом будут отображаться не правильно, либо уменьшайте их при заливки на хостинг(обычно такие установки там есть) до максимальной ширины картинки в сообщении, либо обрамляйте тегами [b] ... [/b], для выключения картинки из маркирования
Защищаем, маркируем только особо ценные изображения
Картинка маркируется и защищается от копирования
только при заключении её в посте в теги [b]...[/b]
Автор: Deff
Платформа: MyBB
В 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 s;
var inb$("div.post-content strong img.postimg").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
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","");
$(this).css("background-image","url("+imgURL+")");
}
});
});
</script><!--Конец//Выборочное маркирование v.2 -->
Отредактировано Герда (01.07.13 16:10)
- Подпись автора
Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.