طريقة اضافة الصور المنبثقه تلقائيا على كل صور مدونة بلوجر

خاصية الصور المنبثقة Jquery Lightboxمن الاضافات التى تعطى احترافيه واناقه للمدونه  والآن أتيت لكم بالجديد ،فكثير منكم من قام بتطبيق العديد من المحاولات لهذه الإضافة في مدونته لكن بدون فائدة وما يزيد الطين بلة هو يجب تعديل كودHTML  لكل صورة علي حدة ووضع الجملة rel="lightbox" title="Your image Caption"  بعد الوسم" a>" الذي يخص الصورة ،أما الآن مع الخاصية الجديدة التي أتيت لكم بها  تقوم بتفعيل الصور المنبثقة لجميع الصور التي تحتوي عليها المدونة بصفة تلقائية ولا داعي لإضافة أي شيء على كود الصورة ,ولمعاينة هذه الإضافة قم بالضغط على الصورة أسفله .

والآن بعد أن قمت بمعاينة الإضافة سوف نتوجه إلى التطبيق على المدونة ما عليك سوى البحث عن الوسم :
</body>
ثم قم بلصق الكود التالي قبله مباشرة :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<style type='text/css'>
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
        background-color: #444;
        padding: 10px;
        width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>
<script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.js' type='text/javascript'/>
<link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
$(function() {
$(&#39;a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)&#39;).lightBox();
});
</script>
ثم قم بحفظ قالب مدونتك
المصدر:مدونة ابو اياد بتصرف بسيط
أصدقاء(تطوير ويب)
تعليقات Facebook
11تعليقات Blogger

11 عدد التعليقات على موضوع طريقة اضافة الصور المنبثقه تلقائيا على كل صور مدونة بلوجر

احمد السندباد يقول...

اضافة جميلة بارك الله فيك .. مدونة تقارب من افضل المدونات التى رايتها فى الانترنت.

المحرر يقول...

اسف بس حاولت انقر على الصورة وما شفت اي شي في المثال :(

أحمــد ( مدونة تقارب ) يقول...

@المحرر
السبب هو انى لم اقم بتطبيق اطريقه على مدونتى
فانا لو طبقت كل الاضافات التى اعرضها لكم في تدويناتى فالطبيعى مدونتى ستكون ثقيله في التصفح
على كل حال يمكنك تجربتها على ضمانتى لانى مجربها شخصيا من قبل..

يحيى يقول...

تم تطبيقها، إنها تعمل بشكل جيد ... شكرا لك

ELECREON BOY يقول...

اضافة جميله جداً
شكرااااااااااااااااااااااااااااااااا
http://electron-boy.blogspot.com

Ahmed S Ahmed يقول...

الله يعطيك العافية على الإضافة الجميلة .. وعلى هذه المدونة الرائعة ..

tqarob weblog يقول...

شكرا لمرورك ومتابعتك المستمره اخي العزيز احمد تقبل احترامي وتقديري لشخصك الطيب

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .