我想知道如何在网站内创建图像库,让用户从库中选择一个图像并将其添加到div中。例如,我有一件白衬衫作为背景,在我的图像库中,我有多个图像,用户可以使用他的衬衫设计。我在哪里可以找到有关如何操作的信息?我一直在寻找,但似乎无法找到答案,我甚至不知道它会被称为什么。我在我的其余代码中使用jquery UI,如果这有所作为。 像这样https://www.customink.com/lab
去添加艺术
答案 0 :(得分:0)
在你的div中添加一个带有某种id的img标签。为图像添加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>
&#13;