--- title: Guide to Build a Sliding Image Gallery localeTitle: دليل لبناء معرض الصور الانزلاقية --- سيرشدك هذا البرنامج التعليمي خلال إنشاء شريط تمرير للصور باستخدام مكتبة [jQuery](https://jquery.com/) . [![GIF تعرض شريط التمرير أثناء العمل](//discourse-user-assets.s3.amazonaws.com/original/2X/0/08d83a22c28da836a06853b1f1ea669b398326b9.gif)](https://codepen.io/atjonathan/pen/BKMxxq) سيحتوي هذا البرنامج التعليمي على أربعة أجزاء: * [HTML](#html) * [SCSS](#scss) * [JS](#js) * [المراجع](#references) ## HTML [سنستخدم Bootstrap](http://getbootstrap.com/) لهذا البرنامج التعليمي للحفاظ على الأشياء تبدو جيدة ، دون قضاء الكثير من الوقت. سيكون هيكلنا على النحو التالي: `