javascript — добавление HTML img src

Question

javascript — добавление HTML img src

У меня есть цикл в php, который создает кнопку, и при нажатии на эту кнопку открывается модальное окно, и ему передаются определенные данные.

<?php while($product = mysqli_fetch_assoc($featured)) :?>
<button type="button" class="open-details-modal btn btn-primary"data-id-number="<?php echo $product['ProductID'];?>
"data-id-image="<?php echo $product['Image'];?>""data-id-image-two="<?php echo $product['Image2'];?>""data-id-image-three="<?php echo $product['Image3'];?>"

У меня есть скрипт, который помогает переводить данные

<script>
$(document).ready(function() {
$(".open-details-modal").click(function() {
$("#name").text($(this).attr('data-id-product-name'));
$("#image").text($(this).attr('data-id-image'));
$("#image2").text($(this).attr('data-id-image-two'));
$("#image3").text($(this).attr('data-id-image-three'));

Скажем, ценность

"data-id-image" = ABCDEF

Я не уверен, если мне нужно преобразовать это в переменную javascript или переменную php.

Что я хочу сделать, так это сказать

<img src = "(#php or javascript variable)" +"001.jpg">

Как я могу добиться этого в php или javascript.

0

html javascript jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Предполагая, что #image — это ваше изображение, что-то вроде этого:

  $(".open-details-modal").click(function() {
$("#name").text($(this).attr('data-id-product-name'));
$("#image").text($(this).attr('data-id-image'));
$("#image").attr("src", $(this).attr("data-id-image") + "001.jpg");
}

0