<!-- معرض الصور -->

<div class="gallery">

<img src="image1.jpg" onclick="openModal(0)">

<img src="image2.jpg" onclick="openModal(1)">

<img src="image3.jpg" onclick="openModal(2)">

</div>

<!-- نافذة عرض الصورة -->

<div id="modal" style="display:none;">

<button onclick="prevImage()">←</button>

<img id="modal-img" src="">

<button onclick="nextImage()">→</button>

<button onclick="closeModal()">إغلاق</button>

</div>

تعديل تطبيق