HTML img src anhängend

Question

Ich habe eine Schleife in PHP, die eine Schaltfläche erstellt und wenn diese Schaltfläche geklickt wird, öffnet sich ein Modal und bestimmte Daten werden an es übergeben.

<?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'];?>" 

Ich habe ein Skript, das die Daten

<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')); 

sagen, dass der Wert von

"data-id-image" = ABCDEF 

Ich bin nicht sicher, ob ich diese müssen konvertieren Ermöglicht hilft übersetzen in eine JavaScript-Variable oder eine PHP-Variable.

Was ich tun möchte, ist in der Lage zu sagen,

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

Wie kann ich diese entweder in PHP oder JavaScript erreichen.

Answer 1

dass #image Unter der Annahme, Ihr Bild, so etwas wie diese:

$(".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"); 
    }