如何使照片链接添加到我的文件中并自动继续使用JavaScript

如果我用相同的代码复制并粘贴另一个图像到这个

div

。我如何设置这个程序，以便我可以插入任意数量的图像文件（编码如下），它将自动格式化并继续像其他文件一样工作

这是

div

：

<div id="gallery">
    <ul>
         <li><a href="images/blue_dress.jpg"><img id="girl" src="images/blue_dress_thumb.jpg" alt="girl wearing a blue dress"></a></li>
    </ul>
</div>

---

我猜您希望在鼠标悬停在列表项中时添加一个。同样，我猜这个列表项包含您的图像缩略图

在html中，添加带有当鼠标悬停在事件上时要执行的函数的事件。比如说

     <li id="theImageArea"<img onmouseover="addLink()" src="file.jpeg" alt="this image" /></li>

---

在做javascript部分之前，您必须在html的

head

部分包含

prototype.js

，您可以免费下载该部分。

由于新项目不会自动获取事件侦听器，您需要弄清楚现有元素如何获取侦听器，并对新元素重复该操作。我。。。不相当地当然我跟着你。。。但是，您是在用Javascript添加

…

？如果是这样的话，就在那里添加处理程序或其他东西。@Mary：不确定你想完成什么。你能提供一些代码吗？非常感谢你的回复，我已经重新发布了我的代码。我知道你有jQuery，我们可以用简单的javascript来实现吗？不，这是javascript。它是

原型

格式。我一生中从未使用过jQuery，所以我可以向您保证，这纯粹是javascript，但带有原型函数。

$

代表

文档.getElementById

。但是您必须包含

prototyp.js

，才能使此abv生效。

     <li id="theImageArea"<img onmouseover="addLink()" src="file.jpeg" alt="this image" /></li>

    function addLink()
    {
       var imageLink=$(document.createElement("a"));

       imageLink.src="someLink.php";

       imageLink.setAttribute("class", "someClass"); 

       $("theImageArea").appendChild(imageLink);
   }