Gallery in Perch

Hi everyone,

Here's my first post so please go easy on me!

I have built a normal web compliant html website, part of it has a gallery which then opens up each image in s standard lightbox.

The html is attached below.

My question is can I adapt this code with Perch to make it editable? Ideally for the client to easily replace images and even add new images to the collection?

Any help/clues would be very gratefully received before I take the plunge!

Cheers Paul

<div id="gallery">

    <a class="example-image-link" href="images/gallery/gallery-04.jpg" data-lightbox="example-set" title="caption text to go here..."><img class="galleryImage" src="images/gallery/gallery-04-thumb.jpg" alt=""/></a>

    <a class="example-image-link" href="images/gallery/gallery-05.jpg" data-lightbox="example-set" title="caption text to go here.."><img class="galleryImage" src="images/gallery/gallery-05-thumb.jpg" alt=""/></a>

    <a class="example-image-link" href="images/gallery/gallery-06.jpg" data-lightbox="example-set" title="caption text to go here.."><img class="galleryImage" src="images/gallery/gallery-06-thumb.jpg" alt=""/></a>

    <a class="example-image-link" href="images/gallery/gallery-07.jpg" data-lightbox="example-set" title="caption text to go here.."><img class="galleryImage" src="images/gallery/gallery-07-thumb.jpg" alt=""/></a>

</div><!-- end #gallery -->