طريقة عمل خلفية متحركة رائعة للموقع

السلام عليكم ورحمة الله تعالى وبركاته,
في هذا الدرس إن شاء الله وبعد غياب طويل, سأقوم بشرح طريقة عمل خلفية متحركة للموقع, خلفية على شكل سلايدر صور Background Slider…
سنعتمد في هذا الشرح على إضافة VEGAS BACKGROUND JQUERY PLUGIN وقبل لأن نبدأ يمكنك مشاهدة مثال على تأثير إضافة Vegas على جمالية الموقع, سيعطي نظرة إحترافية لموقعك…
شاهد المثال من هنا VEGAS BACKGROUND JQUERY PLUGIN

لإضافة خلفية متحركة لموقعك ما عليك سوى إتباع الخطوات التالية :
أولا بتحميل ملفات Vegas من هنا GitHub
ثانيا قم بتعريف jQuery و إضافة Vegas و ملف الستايل, بإضافة هذا الكود في الهيدر

<script 

  type="text/javascript"

  src="/jquery.js">

</script>

<script 

  type="text/javascript"

  src="/vegas/jquery.vegas.js">

</script>

<link 

  rel="stylesheet"

  type="text/css"

  href="/vegas/jquery.vegas.css" />

تأكد من أن روابط ملف jquery.js و jquery.vegas.js صحيحة

و أخيرا قم بإستدعاء Vegas على النحو التالي

$(function() {

  $.vegas({

    src:'/images/background.jpg'

  });

  $.vegas('overlay', {

    src:'/vegas/overlays/13.png'

  });

});

أتمنى أن يعجبكم الموضوع تحياتي, عيدكم مبارك سعيد وكل عام وأنتم بخير.

طريقة عمل خلفية متحركة رائعة للموقع

شارك الموضوع

إقرأ أيضًا