Я создаю галерею изображений Bootstrap 3 с множеством повторяющихся div, которые выглядят так:
<figure class="col-1 picture-item" data-groups='["groupA"]' data-date-created="2018" data-title="imageA">
<div class="picture-item__inner">
<div class="aspect aspect--60x60">
<div class="aspect__inner">
<img class="myImg" src="imageA.gif" alt="description of image A"/>
</div>
</div>
<div class="picture-item__details">
<div class="picture-item__tags" style="display: none;">image A keywords</div>
<p class="picture-item__title">Image A</p>
</div>
</div>
</figure>
<figure class="col-1 picture-item" data-groups='["groupB"]' data-date-created="2019" data-title="imageB">
<div class="picture-item__inner">
<div class="aspect aspect--60x60">
<div class="aspect__inner">
<img class="myImg" src="imageB.gif" alt="description of image B"/>
</div>
</div>
<div class="picture-item__details">
<div class="picture-item__tags" style="display: none;">image B keywords</div>
<p class="picture-item__title">Image B</p>
</div>
</div>
</figure>
Я надеюсь сэкономить время и кодирование, извлекая данные из CSV-файла для создания нескольких div.В постоянно расширяющуюся галерею уже входит более сотни изображений.Данные CSV для вышеупомянутого выглядят так:
Image A,imageA,groupA,2018,description of image A,image A keywords
Image B,imageB,groupB,2018,description of image B,image B keywords
^ и так далее ...
Я надеюсь на некоторую помощь или совет относительно лучшего способа достижения сценария, при котором мне просто нужнозагрузите изображения с правильным соглашением об именах и обновите электронную таблицу.У меня ограниченные знания, но я думаю, что PHP может быть способом сделать это?
Надеюсь, этот вопрос имеет смысл.Заранее спасибо.