ライブラリーからクリップアートを選択してDIVに追加

Question

ウェブサイト内にイメージライブラリを作成し、ユーザーがライブラリからイメージを選択してdiv内に追加できるようにしたいと思います。たとえば、私は背景として白いシャツを持っています。私の画像ライブラリには、ユーザーが自分のシャツデザインに使用できる複数の画像があります。どのようにそれを行うには、私は情報を見つけるために行くだろうか？私はどこにでも見てきましたが、私はそれが何と呼ばれるかわからない答えを見つけることができないようです。私のコードの残りの部分でjqueryのUIを使用して私はそれが違いを作る場合はやった。このhttps://www.customink.com/lab

よう なものは、IDのいくつかの並べ替えであなたのdivの内側のimgタグを追加芸術

Answer 1

を追加して行きます。あなたのイメージにonclickの機能を追加し

<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>