القائمة الرئيسية

الصفحات

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

http://img02.arabsh.com/uploads/image/2012/09/26/0d36414366f302.png


السلام عليكم

لدينا اليوم دالة 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/AVvXsEi1khyphenhyphenHORKMN0CrQEE4r4HNnMimIMxhQo9BuqQKgS-n98-2VgJszwGKL9WoB0CLn9ykCWFt3kJuMjUfKCvI3SAAn2y6kB49Rkb5CguyvGcL0ESiuFVdS_MABoyVJMY7sTnLHvMJ5jaww2jM//',

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">

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

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


ملاحظة

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


:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

Comments

2 comments
Post a Comment
  1. مشكوور و جزاك الله كل خير الاضافة جمييلة جدا لاكن لوكانت تلقائية كانت افضل

    و الدونة في اكواد نادرة جدا و منها هذا الكود فهذا مايميز مدونتكم

    ReplyDelete
    Replies
    1. شكرا لك يا اخى على مرورك الطيب سوف احول ان تقون هذا الاضافة تعلقائية ان شاء الله

      Delete

Post a Comment

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

التنقل السريع
    -->