Запрет копирования и псевдомаркирование изображений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 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
*Очевидно маркер в таком случае будет удобнее делать надписи (или рисунки) горизонтально или вертикально по краю картинки,(*поскольку в этих форматах изображения - нет полупрозрачности , а затенение надписью или минилоготипом даже части рисунка по центру будет, наверное, не очень удачным решением
Примечание для lenhenster:*Данное суммарное изображение центрируется как обычный рисунок
Недокументированные возможности( спецом для Альб
При заключении картинки в посте в теги [b] ... [/b], картинка не маркируется
Очень большие изображения автоужатые форумом будут отображаться не правильно, либо уменьшайте их при заливки на хостинг(обычно такие установки там есть) до максимальной ширины картинки в сообщении, либо обрамляйте тегами [b] ... [/b], для выключения картинки из маркирования
Теги: Новые Скрипты
Отредактировано Deff (2012-02-29 22:29:13)
вы меня запутали это то что вы тут изложили просто добавляет метку на фото!?
В HTML низ