Javascript 拉出图像并显示图像

我写的代码，旋转6张图片。所有图片都在一个div元素中。我的主要目标是，无论点击什么图片，该图片都会显示在弹出框旁边。我已经创建了弹出框，但提取图像时遇到问题。有什么想法吗？以下是我的图像在身体中的编码方式

<div>
<div id="screen">
<img alt="ff" src="Pics/usb.png" onmouseover="stop()" id="usb">
<img alt="ee" src="Pics/chip.png" onmouseover="stop()" height="100" width="100"   id="chip">
<img alt="dd" src="Pics/Computer_chip.jpg" onmouseover="stop()" id="cchip">
<img alt="cc" src="Pics/alaptop.jpg" onmouseover="stop()" id="laptop">
<img alt="bb" src="Pics/cell.jpg" onmouseover="stop()" id="cell">
<img alt="aa" src="Pics/cb.jpg" onmouseover="stop()" id="cb">
</div>
</div>

---

你能分享你用来做这件事的Javascript吗？基本上，您应该至少提供target

属性来响应单击事件。
这就是您需要的：

$("#images img").click(function() {
    var img = $(this).clone();
    $('#target img').remove(); 
    $('#target').html(img);     
});​

这段代码将克隆您正在单击的映像并将其写入目标div

这是可行的。
我试着把我要抓取的图像放在另一个div中。因此，除了有6个旋转图像的div之外，我还创建了另一个只包含一张图片的div。奇怪的是，在某种程度上，我可以让它发挥作用。我创建了一个css类，并在具有一个pic的div元素上调用了该类，并且可以正常工作。当我在屏幕上显示图像并单击其中一个旋转图像时，图像会移动。但当我将显示设置为“无”并单击图像时，图像不会显示。所有这些都是在我创建的css类中完成的
$("#images img").click(function() {
    var img = $(this).clone();
    $('#target img').remove(); 
    $('#target').html(img);     
});​