Clipart aus der Bibliothek auswählen und zu DIV hinzufügen

Question

Ich würde gerne wissen, wie ich eine Bildbibliothek in einer Website erstellen und den Benutzer ein Bild aus der Bibliothek auswählen und in einem div hinzufügen kann. zum Beispiel habe ich ein weißes Hemd als Hintergrund und in meiner Bildbibliothek habe ich mehrere Bilder, die der Benutzer für sein Hemddesign verwenden kann. Wohin würde ich gehen, um Informationen darüber zu finden, wie es geht? Ich habe überall gesucht, aber scheint keine Antwort zu finden, ich weiß nicht einmal, wie es heißen würde. Ich verwende jquery UI in meinem Rest des Codes, den ich getan habe, wenn das einen Unterschied macht. so etwas wie dies https://www.customink.com/lab

go hinzufügen Kunst

Answer 1

einen img-Tag in Ihrem div hinzufügen mit irgendeiner Art von id. Fügen Sie ein Onclick-Funktion, um Ihre Bilder

<img src="http://i.imgur.com/iXHPRVf.jpg" alt="Dog" width="300" height="300" onclick="clickedPhoto(this.src)"> 
 
<img src="http://i.imgur.com/BHoIzPj.jpg" alt="Cat" width="300" height="300" onclick="clickedPhoto(this.src)"> 
 
<div id="myModal" class="modal"> 
 
    <img class="modal-content" id="img01"> 
 
</div> 
 

 
<script> 
 
    var modal = document.getElementById('myModal'); 
 
    var modalImg = document.getElementById("img01"); 
 
    
 
    function clickedPhoto(src) { 
 
    modalImg.src = src; 
 
    } 
 
</script>