أسهل طريقة لتفعيل تأثير fancybox للصور في مدونات بلوجر

طبعا ربما تكون تعلم ماهو fancybox اولا تعلم، وحتى نشرح ماهو فانسي بوكس للذين لا يعلمون ماهي هذه الخاصية، ببساطة هي تعتبر من اشهر اضافات مكتبة الجي كويري، وهو تحديث الجديد لخاصية LightBox، وهو يقوم بعرض الصور و الفيديوهات وفلاشات الموجودة داخل مدونتك بشكل انيق وجميل يمكنك معاينة الاضافة من الاسفل.
custom-lightbox-blogger-to-fancybox3
custom-lightbox-blogger-to-fancybox3

طريقة تركيب فانسي بوكس لمدونات بلوجر:

- اولا وقبل ان نبدأ يكنك معاينة الصور بعد اضافة تأثير fancybox.
- الان قم بدخول الى مدونتك ثم المظهر بعدها الى تحرير html.
- الان قم بالبحث عن الوسم التالي.
</body>
عند ايجاده قم باضافة الكود التالي فوقه.
<!-- FancyBox CSS -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css' rel='stylesheet' type='text/css'/>&#160;
<script src='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".post-body a img").each(function(){
var isImage = /\.(?:jpg|jpeg|gif|png)$/i.test( $(this).parent("a").attr("href") );
if ( isImage ) {
$(this).parent("a").attr('data-src', $(this).parent("a").attr("href"));
$(this).parent("a").attr('data-fancybox', 'postLightBox' );
}
else {
// .. do nothing
}
});
var options = {
infobar  : true,
buttons  : true,
speed    : 300,
margin : [40, 20]
};
$("[data-fancybox]").fancybox( options );
});
//]]>
</script>
عند انتهاء قم بحفظ القالب واتجه الى اي صورة موجودة في مدونتك وقم بضغط عليها ستجد ان شكلها قد تغيير.
ملاحظة: في حال لم تشتغل معك هذه اضافة اذا لابد ان مدونتك لا تحتوي على مكتبى الجي كويري، طبعا يمكنك مشاهدة الدرس الذي نشرح فيه كيفية اضافة مكتبة الجي كويري لمدونات بلوجر.

كان هذا شرح بسيط لكيفية تغيير عرض الصور في مدونات بلوجر بواسطة الفانسي بوكس، اتمنى ان تكون هذه التدوينة نالت اعجابكم، اذا واجهتك اي مشكلة اتركها في تعليق، سلام. 

شارك المقالة مع أصدقائك

mo3awin

هناك تعليقان (2):



  1. شركة تنظيف بالدمام تعتبر من أحسن الشركات جدارة على الإطلاق في عملية التنظيف وخاصةً تنظيف المنازل والبيوت، لا توجد أي سيدة منزل لا تعاني من تلك المشكلة وخاصة أنها أصبحت مشكلة كبيرة جدًا؛ لأن معظم السيدات الآن تذهبن إلى العمل وبالتالي لا تستطيع أن تقوم بتنظيف منزلها نظرًا لضيق الوقت، والمجهود الذي تبذله خارج البيت. لا عليكِ من الآن فإن شركة تنظيف بالدمام وما يجاورها تقدم لكِ خدماتها الأفضل والأحسن، والتي بالتأكيد لن تجدي مثلها على الإطلاق في المنطقة؛ لأنها تتميز بكثير من المميزات وتعمل على تنظيف وتطهير المنزل وكل ركن فيه بشكل جيّد جدًا وبأمانة عالية جدًا. شركة تنظيف …


    شركة تنظيف بالدمام
    افضل شركة تنظيف بالدمام
    شركات تنظيف بالدمام
    ارخص شركة تنظيف بالدمام

    ردحذف
  2. تعد نظافة البيت والمكان الذي يعيش فية الانسان هي عنوان لنظافة الشخص نفسه من اخلاق وطباع وعلاقته الاجتماعيه مع الاخرين ولكي تصل الي اعلي درجات النظافه في البيت لابد وان تهتم بجميع اساسيات البيت بالتعامل مع الشركات الخاصه بها فهناك شركات خاصه بنصافة البيت داخليا وخارجيا وعلي اعلي مستوي فهناك شركة تنظيف بالدمام وبما ان البيت به مجاري فهناك ايضا
    شركة تسليك مجارى بالدمام وحيث ان البيت به خطوط للمياه فهناك ايضا
    شركة كشف تسربات المياه بالدمام وشركة كشف تسربات المياه بالخبر وتلك الشركتان تقوم بمعالجة التسربات وهي اخطر مايكون علي البيوت ولكي تصل الي اعلي درجات النظافه لبيتك لابد من تطهيرها من الحشرات سواء كانت طائره او زاحفه وابادتها بالطريقه العلميه السليمه التي لاتضر بصحة الانسان ولكي تصل الي هذه المرحله الاخيره فهناك
    شركة مكافحة حشرات بالدمام التي تقوم بمعالجه هذه المشكله بالطريقه العصريه العلميه الحديثه

    ردحذف