8:58 م
لعل إضافة الصور الى المدونة شيئ صعب فيجب ايجاد صورة مناسبة و نسخ رابطها و واضافة الصورة بالإضافة الى مشكلة عدم وجود الصورة . ومن أجل تقديم خدمات افضل للزوا
اليوم سنقدم لكم طريقة اضافة "اضافة مركز التحميل " وتمكن هذه اللإضافة من لاسماح لأي زائر أو لصاحب الموقع أيضا رفع صور من حاسوبه . طريقة إضافتها سهلة جدا و ذلك بنسخ الكود التالي . و وضعه في اداة اضافة "html/javascript"
<!DOCTYPE html><html><head><**** charset=utf-8 /><title>Image preview</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script>var blank="http://upload.wikimedia.org/wikipedia/commons/c/c0/Blank.gif";function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader();
reader.onload = function (e) { $('#img_prev') .attr('src', e.target.result) .height(200); };
reader.readAsDataURL(input.files[0]); } else { var img = input.value; $('#img_prev').attr('src',img).height(200); } $("#x").show().css("margin-right","10px");}$(document).ready(function() { $("#x").click(function() { $("#img_prev").attr("src",blank); $("#x").hide(); });});</script><!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--><style>article, aside, figure, footer, header, hgroup,menu, nav, section { display: block; }#x { display:none; position:relative; z-index:200; float:right}#previewPane { display: inline-block; }</style></head><body><section><input type='file' onchange="readURL(this);" /><br/><span id="previewPane"><img id="img_prev" src="#" alt="your image" /><span id="x">[X]</span></span></section></body></html>
هذه اللإضافة سريعة جدا فلاوقت تنتظر اضغط و احصل على صورتك
مزايا هذه اللإضافة
- خفيفة الوزن و لاتأثر على سرعة المدونة
- تمكنك من الحفاظ على جودة الصورة
مشاكلها
- كود الإضافة هو من لغة html فقط و بالتالي فهو غير احترافي للغالية لكن يكفي ان تكون لك دراية بلغة css و ستتمكن من تجميله بسهولة
نتمنى أن تكون الإضافة قد أعجبتك بالفعل الى تدوينة اخرى و اضافة أخرى