HTML img src ajout

Question

J'ai une boucle dans php qui crée un bouton et quand ce bouton est cliqué, un modal s'ouvre et certaines données lui sont transmises.

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

J'ai un script qui permet de traduire les données

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

permet de dire que la valeur de

"data-id-image" = ABCDEF 

Je ne sais pas si je dois convertir en une variable javascript ou une variable php.

Ce que je veux faire est d'être en mesure de dire

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

Comment puis-je obtenir ce soit php ou javascript.

Answer 1

En supposant que #image est votre image, quelque chose comme ceci:

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