Question

我想知道如何在网站内创建图像库，让用户从库中选择一个图像并将其添加到div中。例如，我有一件白衬衫作为背景，在我的图像库中，我有多个图像，用户可以使用他的衬衫设计。我在哪里可以找到有关如何操作的信息？我一直在寻找，但似乎无法找到答案，我甚至不知道它会被称为什么。我在我的其余代码中使用jquery UI，如果这有所作为。像这样https://www.customink.com/lab

去添加艺术

Answer 1

在你的div中添加一个带有某种id的img标签。为图像添加onclick功能

＆＃13;

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

从库中选择剪贴画并添加到DIV

1 个答案: