تغيير الصورة الأصلية و اخفائها عند نقلها

01‏/07‏/2011



السلام عليكم

لدينا اليوم دالة javascript تمنع استغلال الصور واعادة نشرها..

بحيث يكمن مبدأها بتغيير الصورة الأصلية و اخفائها عند نقلها بوضع صورة شفافة

او يمكن حتى التفنن في الصورة الشفافة ووضع : أن هذه الصورة تم نقلها من مدونة أخرى.

لكن هذا لا يعنا ان الصورة في مدونتك محمية تماما من السرقة لأن هناك عدة طريق لاستيرادها.

لماذا الصور في حاجة إلى الحماية ؟

الحفاظ على صحة المصدر ، من هو مالك و مبدع الصورة

حفظ الصور من معالجة الصور الرقمية في أيدي الجاهلين ،خاصة

إذا كانت الصورة خاصة بك أو صورة عائلية


أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم تصميم

ثم تحرير HTML

ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.

ثالثا : ضع علامة في خانة توسيع القوالب .


نبحث عن الوسم التالي



</head>


و نضع فوقه تماما هذا الكود




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery.fn.protectImage = function(settings) {

settings = jQuery.extend({

image: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCtjJHK4loXXPkTbA-Putews5VwFtsYq5JSW9hybn3Z1zUJQNMXVbmr2dCqGwYlELwUM-W__W471tmJOazSCzqR8lAxZ-BtMcbaHO8aNN2HGniZ2aNw00runaX1urBn7TIdHXZDHb35pWV/',

zIndex: 10

}, settings);

return this.each(function() {

var position = $(this).position();

var height = $(this).height();

var width = $(this).width();

$('<img />').attr({

width: width,

height: height,

src: settings.image

}).css({

top: position.top,

left: position.left,

position: 'absolute',

zIndex: settings.zIndex

}).appendTo('body')

});

};

$(window).bind('load', function() {

  $('img.protect').protectImage();

});



</script>



الان في حالة ما ادا كانت الصورة عائلية و تريد نشرها في الرسالة


ماعليك فقط الانتقال الى تحرير ال HTML


ووضعها بهذه الطريقة




<img src="1.jpg" class="protect" height="xx" width="xx">


الان في حالة نسخ أو محاولة احتفاظ بالصورة في جهاز الكمبيوتر ..

لن تنسخ و تحفظ الصورة الأصلية و انما الصورة الشفافة الموجودة في الدالة السابقة


ملاحظة

في حالة ادا كنت قد أضفت مكتبة الجيوكري من قبل.. فلا حاجة لإعادة إضافتها عند إضافة دالة الجافاسكريبت





تحميل (Download) مثال (Demo)





بعض المراجع المهمة

davidwalsh

wikipedia Hot-linking

wikipedia Inline_linking