Как передать через атрибут изображения?

Здравствуйте! Есть массив с изображениями:
<?php if (!empty($images)): ?>
					<?php foreach($images as $img): ?>
					<?php 
						$name = pathinfo($img['filename'], PATHINFO_FILENAME);
						$ext = pathinfo($img['filename'], PATHINFO_EXTENSION);
					?>
					<img class="panzoom__content" src="/uploads/<?php echo $img['filename']; ?>" />
					<?php endforeach; ?>
				<?php endif; ?>


Как передать эти изображения в попап через атрибут data-img?
<a href="#modal-order" data-toggle="modal" data-img=""></a>


<script>
	$(document).ready(function() {
	$(".modal-name").on("click", function() {
    $("#modal-img").attr('src', $(this).attr('data-img'));
  });
});
</script>
  • Вопрос задан
  • 183 просмотра
Решения вопроса 1
@v__V__v
Разработчик
Если нужен именно массив, то создать его в php, перевести в json и полученное представление поместить в атрибут, а по клику достать его оттуда, передать в JSON.parse() и работать с полученным результатом. Если нужно передавать элементы массива отдельно, то точно так же, как у вас уже сделано:
<?php if (!empty($images)): ?>
          <?php foreach($images as $img): ?>
          <?php 
            $name = pathinfo($img['filename'], PATHINFO_FILENAME);
            $ext = pathinfo($img['filename'], PATHINFO_EXTENSION);
          ?>
          <a href="#modal-order" data-toggle="modal" data-img="/uploads/<?php echo $img['filename']; ?>" ></a>
          <?php endforeach; ?>
        <?php endif; ?>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы