ال gallery لا يعمل

الأفضل هو الإعتماد المكتبات الجاهزة والتي تم إختبارها، وبها العديد من الخيارات، إذا كنت تبحث عن معرض lightbox فبإمكانك الإعتماد على المكتبات التالية:

• https://www.lightgalleryjs.com/
• https://lokeshdhakar.com/projects/lightbox2/
• https://blueimp.github.io/Gallery/

أو يمكنك الإعتماد على مكتبة أكثر تقدمًا ويتم استخدامها بكثرة، وهي Swiper:

• https://swiperjs.com/swiper-api

أنت تستخدم في مشروعك الإصدار الخامس من مكتبة بوتستراب بينما في المثال الذي أرفقته يستخدمون الإصدار الرابع، هناك بعض الإختلافات في النافذة المنبثقة، في الإصدار الرابع يستخدمون data-toggle بينما في الإصدار الخامس يستخدمون data-bs-toggle نفس الشيء بخصوص data-target لذلك حتى تعمل النافذة المنبثقة بشكل صحيح عليك إستبدال التالي في الروابط التشعبية a التي تحيط الصور:

data-toggle="modal"

بـ:

data-bs-toggle="modal"

و:

data-target="#image-gallery"

بـ:

data-bs-target="#image-gallery"

نفس الشيء بخصوص زر إخفاء النافذة المنبثقة:

data-bs-dismiss="modal"

و أيضاً عليك تغيير الصنف float-left إلى float-start حتى تتموضع أيقونات الأسهم بشكل صحيح.