معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   مركز رفع صور خاص بمدونتك (https://www.bloggerexp.com/showthread.php?t=2846)

REDA 07-27-2012 04:44 PM

مركز رفع صور خاص بمدونتك
 
بسم الله الرحمن الرحيم

اقدم لكم كود مركز:ok: رفع صور خاص بالمدونة

مركز رفع سريع جدا بمجرد اختيار الصورة المراد رفعها تظهر بسرعه :shiny01:

http://i.stack.imgur.com/bxEwq.png


للمعاينه الاضافه


مشكله هذة الاضافه لا تعطى رابط الصورة المرفوعه مثل المواقع المدفوعه ولكن يمكنك اخد الرابط من خلال الضغط على كليك يمين
http://www13.0zz0.com/2012/07/27/16/845919763.jpg


ولاستخدام الاضافه فم بفتح صفحه html/javascript
وضع هذا الكود :


كود بلغة HTML:

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




عماد عادل 07-27-2012 05:04 PM

رد: مركز رفع صور خاص بمدونتك
 
شكرا جزيلا على الاضافة لكنها وللاسف لن تدوم كثيرا فبمجرد رفع بضعة صور سوف تتوقف لان الحد الاقصى لحجم الصور في بلوجر هو 9 او 10 جيجا

a22q 07-27-2012 05:19 PM

رد: مركز رفع صور خاص بمدونتك
 
السلام عليكم ورحمه الله وبركاته
أضافة مميزة.

admin 07-27-2012 06:08 PM

رد: مركز رفع صور خاص بمدونتك
 
شكرا لك على الإضافة
سيتم التثبت لبعض من الوقت :ok:

REDA 07-27-2012 11:45 PM

رد: مركز رفع صور خاص بمدونتك
 
مروركم اروع ..اخوانى :ok:

nogoumfmlive.com 08-26-2012 01:38 AM

رد: مركز رفع صور خاص بمدونتك
 
فعلا هذه الاضافة ليست دائمه للاسف

لكن مشكوووور جدا


الساعة الآن 12:01 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012